claude-skills 是做什么的?
面向 Claude Code 的通用技能集:包含从设计到构建的工作流程(grill-me、design-brief、information-architecture、design-tokens、brief-to-tasks、frontend-design、design-review)以及 token-saver 和 work-report。
子技能概述
| 技能名称 | 功能描述 |
|---|---|
grill-me | 通过主动追问澄清需求细节,确保初始需求被充分理解 |
design-brief | 基于需求生成结构化的设计简报文档 |
information-architecture | 设计信息架构,包括页面结构和导航流 |
design-tokens | 管理和应用设计令牌(颜色、间距、字体等) |
brief-to-tasks | 将设计简报自动拆解为可执行的技术任务 |
frontend-design | 根据设计指令生成前端实现代码 |
design-review | 对设计实现进行审查,提供改进建议 |
token-saver | 优化提示词结构,减少不必要的令牌消耗 |
work-report | 生成结构化的开发工作报告 |
使用方式
在 Claude Code 提示中使用以下格式激活技能:
/skill grill-me
或通过组合使用实现完整工作流:
/skill grill-me
/skill design-brief
/skill information-architecture
/skill design-tokens
/skill brief-to-tasks
/skill frontend-design
/skill design-review
工作流示例
- 使用
grill-me澄清初步设计需求 - 调用
design-brief生成设计简报 - 使用
information-architecture定义信息架构 - 应用
design-tokens建立设计规范 - 使用
brief-to-tasks将设计分解为开发任务 - 通过
frontend-design进行代码生成 - 使用
design-review进行设计审查
辅助工具
token-saver
优化 AI 对话中的提示词结构,减少冗余内容,从而降低令牌消耗。
work-report
基于当前对话记录,自动生成包含已完成工作、待办事项和关键决策的总结报告。
注意
- 所有技能路径和命令均保持不变
- 环境变量
CLAUDE_SKILLS_DIR应指向技能目录(如果使用自定义路径)