关于 design-consultation
design-consultation 是帮助 Agent 为产品制定连贯设计系统并制作真实预览的技能。它先检查现有设计资源，再提出可调整的方向，并要求验证字体、呈现效果和无障碍细节。
主要功能
- 01检查现有设计系统与品牌资源
- 02梳理需求并提出设计方向
- 03定义字体、颜色和组件令牌
- 04纳入对比度与键盘等无障碍要求
- 05构建并检查设计预览
适用场景
- 01为产品制定或更新 DESIGN.md
- 02根据现有品牌资产提出界面方向
- 03验证设计预览中的字体与无障碍细节
安装
复制下面的命令，在终端中运行。
npx skills add https:/安装后在 Claude Code 中输入/design-consultation确认已加载。
附带文件preview.md
详细介绍
设计咨询
为用户的产品提出一套协调统一的设计系统，并通过逼真的预览展示。先查看现有的 DESIGN.md、主题／令牌、组件、品牌素材和已渲染页面。除非用户要求采用新方向，否则应与现有基础保持一致。
设计方向
明确会对设计产生重要影响的未知因素，例如受众、任务、约束和期望的风格。复用用户已提供的答案；简明的需求无需再通过问卷确认。提出有明确主张的设计方向并说明理由，同时允许用户调整。
用户要求或为支持建议确有必要时，研究当前的替代方案。对竞品视觉效果的描述，应以实际渲染的页面为依据。将解读明确标注为解读，不要把品牌声誉当作观察所得的证据。
选择能体现产品特性的字体、颜色、布局／密度、间距、边框、图像／图标和动效。不要默认所有项目都采用粗野主义或千篇一律的功能卡片；有目的的网格、熟悉的字体和别具一格的搭配，也可能契合需求。应将审美偏好视为偏好，而非普遍缺陷或 AI 创作的证据。
明确字体的用途、字重、回退字体及实际支持的加载来源，提供语义化颜色组合、相关组件令牌和响应式状态。保留已有支持的主题；如需新增主题，应单独提出。说明设计协调性方面的权衡，但不要重新讨论已经确定的选择。
无障碍与验证
普通文本的对比度需达到 WCAG AA 的 4.5:1。大号文本至少为常规字重 18pt（24px），或粗体 14pt（约 18.67px），对比度需达到 3:1。若内部标准比规范更严格，应单独标明。必要时，依据 W3C 核实相关例外情况和非文本要求。
在适用时，说明键盘／焦点行为、非颜色提示和减少动态效果的处理。不要把建议的 44px 触控目标等同于 WCAG AA 的所有要求；应核对适用的标准条款和间距例外。
除非用户要求跳过，否则使用 preview.md 构建并检查预览。确认字体确实加载成功，并核实实际计算和渲染的效果，而不只是检查声明。
交付内容
根据所选方向编写或更新用户要求的 DESIGN.md，说明设计令牌、相关组件状态、无障碍目标和决策依据。如果仍有待定选择，应提出具体方案供用户审阅；不要再次询问用户已授权的选择。不要借机在 AGENTS.md 或 CLAUDE.md 中追加新的全局审批规则。修改应用代码或发布设计，必须获得任务授权。