用途:把含糊的 UI 或功能需求(如“做一个好看的登录页”)转化为结构化、可执行的实现提示词,并融入设计系统规范。适用于生成 UI 实现提示词、将设计稿/线框转为规范、把设计令牌注入组件规格、依据高层描述搭建页面布局等场景。
主要能力:采用四步增强流程。第一步评估意图,识别核心目标、隐含需求、目标用户与交互模式。第二步查找项目中的 DESIGN.md 或等价设计系统文件,按项目根 DESIGN.md、docs/design-system.md、tailwind.config、CSS 自定义属性、shadcn/ui 主题的顺序提取颜色、排版、间距、组件与布局规范;若无则依据现有模式生成合理默认值。第三步施加增强:将“nice”“modern”等模糊词替换为具体描述、注入设计令牌、搭建布局结构、补充加载/错误/空/成功等交互状态。第四步按固定格式输出,包含目标、设计系统集成、布局结构、组件拆解、交互状态、无障碍要求与响应式行为。
使用方式:作为技能在需要生成 UI 实施提示词时调用,遵循上述流程处理原始请求。
限制与准则:不得跳过设计系统检查,不得保留模糊术语,不得省略交互状态或无障碍规格,不得硬编码像素值,应引用设计令牌或相对单位。不得添加原始需求之外的隐含或明示范围,须保留原意图,避免冗长,并包含成功标准。使用后需通过 MemoryRecord 记录学习成果,必要时将决策写入 .claude/context/memory/decisions.md、问题写入 issues.md。具体收费、平台信息暂未提供。