SuperAPI AI 工具集

wtf.steer-design

设计与创作

查看项目

更新于 10-16 03:03

技能介绍

用途:当团队需要创建或完善设计指南文档时使用该技能,例如“创建设计引导文档”或梳理设计规范。它会生成或改进 docs/steering/DESIGN.md,作为设计决策、所用设计系统、代币、组件模式与无障碍要求的统一参考,供设计师与实现者遵循。

流程:遵循共享的引导文档流程(存在性检查→调研→访谈→草稿→评审→写入→wiki 同步→继续),流程定义位于 ../references/steering-doc-process.md。文档路径为 docs/steering/DESIGN.md,模板为 references/design-template.md,显示名/wiki 页面为 WTF-Design.md,提交信息为 docs: add design guidelines steering document。

主要能力:调研阶段使用 Agent 工具提取设计事实,而非询问用户可自行读取的内容,包括设计系统(Storybook 配置、组件库导入、package.json 中的设计系统包)、代币(CSS 自定义属性、Tailwind 配置、主题与代币定义文件)、组件(components/、ui/、src/components/)、Figma 链接、无障碍(WCAG 引用、axe 配置、jest-axe 使用)、响应式断点,以及已存在的 docs/steering/VISION.md 中的设计原则。调研后尽量直接生成 Stack、Tokens、Component Patterns 草稿,再通过 AskUserQuestion 仅询问调研无法确定的事项,涵盖设计原则、设计系统、代币缺口、响应式策略与无障碍目标。写作前按 ../references/ste-writing.md 应用严格 STE。代币必须反映代码库中实际定义,不得使用理想化数值;组件模式引用真实组件路径;无障碍部分始终包含项目 CLAUDE.md 中的基线规则(若存在)及新增内容;原则写成设计指令而非工程约束。

后续可选项:创建 QA.md(运行 wtf.steer-qa)、创建 TECH.md(运行 wtf.steer-tech)、创建 VISION.md(运行 wtf.steer-vision)或到此为止。

限制:资料未提供具体框架、安装命令或平台支持范围;使用前需确保相关参考文件与模板可访问。