Agent Skills
› talebook/talebook
talebook/talebook
GitHub提供 OKLCH 色彩空间支持，涵盖颜色转换、调色板生成、对比度检查及 Tailwind v4 集成。用于构建感知均匀的色彩系统，处理色域边界与语义化设计令牌。
安装全部 Skills
npx skills add talebook/talebook --all -g -y
集合内 Skills (11)
提供 OKLCH 色彩空间支持，涵盖颜色转换、调色板生成、对比度检查及 Tailwind v4 集成。用于构建感知均匀的色彩系统，处理色域边界与语义化设计令牌。
OKLCH 颜色转换
生成配色方案
检查对比度
Tailwind v4 主题配置
色域边界处理
npx skills add talebook/talebook --skill better-colors -g -y
协调多个领域技能对界面进行整体审查，解析范围与模式，整合各子技能发现并输出统一评级结论。
better-interface
holistic interface review
review the whole screen
npx skills add talebook/talebook --skill better-interface -g -y
提供界面打磨原则，涵盖动画、图标、阴影等视觉细节优化。用于构建UI组件、审查前端代码及实现微交互，提升界面精致度与体验一致性。
UI polish
make it feel better
feels off
stagger animations
border radius
optical alignment
npx skills add talebook/talebook --skill better-ui -g -y
提供UX写作和界面文案的指南，涵盖按钮、错误消息等用户可见文本的撰写与审查原则，确保一致性、清晰度和适当的语气。
撰写或审查用户界面文案
优化按钮标签和错误消息
检查产品文案的语气和一致性
npx skills add talebook/talebook --skill better-writing -g -y
提供独特视觉设计指导，帮助构建或重塑UI时避免模板化。涵盖色彩、排版和布局的刻意选择，强调基于主题的个性化设计决策与美学风险。
需要为Web应用或页面制定独特的视觉风格
重构现有UI以摆脱模板化外观
寻求非默认的排版和配色方案建议
npx skills add talebook/talebook --skill frontend-design -g -y
用于审查代码变更中的接口质量，聚焦于当前分支、未提交工作或PR的范围解析与差异分析。排除正确性、测试及安全问题，仅评估界面层面的改动影响与信号变化。
用户请求审查特定分支或PR的接口变更
检查工作区未提交更改的界面影响
npx skills add talebook/talebook --skill interface-review -g -y
基于仓库证据为 Talebook 提供产品策划、需求聚类、竞品研究、路线图制定及 UI/UX 设计评审，辅助产品决策与体验优化。
需要制定产品路线图或 PRD
进行竞品分析与行业调研
请求 UI/UX 设计评审
npx skills add talebook/talebook --skill talebook-product -g -y
审查前端UI代码是否符合Web界面指南，支持访问性、UX审计及最佳实践检查。通过动态获取规则并逐行比对文件内容，输出具体违规位置与发现，适用于需要规范前端设计一致性的场景。
review my UI
check accessibility
audit design
review UX
check my site against best practices
npx skills add talebook/talebook --skill web-design-guidelines -g -y
提供前端界面无障碍工程指导，涵盖键盘导航、ARIA语义、表单及屏幕阅读器支持。用于构建或审查UI组件时确保符合WCAG标准，提升可访问性体验。
构建或审查UI组件
用户提出无障碍需求或报告键盘/读屏问题
npx skills add talebook/talebook --skill better-accessibility -g -y
提供Web界面布局结构指南，涵盖分组、对齐、间距、响应式断点及RTL支持。用于构建或审查UI代码，确保视觉层次与自适应能力。
页面或组件结构规划
控件间距与对齐调整
小尺寸屏幕下的内容折叠决策
RTL布局方向处理
前端代码布局审查
npx skills add talebook/talebook --skill better-layout -g -y
前端排版技能，指导字体选择、变量字体配置、类型比例设定及文本样式优化。涵盖字体加载、间距、换行、截断及无障碍对比度检查，用于构建或审查前端代码中的文本渲染效果。
Web typography
font selection and pairing
variable fonts configuration
type scale setup
text wrapping and truncation
CSS text styling review
npx skills add talebook/talebook --skill better-typography -g -y
