用途：帮助开发者编写能稳定生成高质量、风格一致界面的提示词，解决 UI 同时涉及视觉、行为与技术导致普通提示易失效的问题。
主要能力：提供六类核心模式——组件契约（明确 Props 表、视觉规范、状态、无障碍要求与输出格式）；设计令牌注入（将 spacing、colors、radius、shadow 等令牌及到 Tailwind 的映射写入提示）；视觉参考链（按情绪→美学→视觉细节→内容逐层具体化）；状态机规范（定义 idle、hover、focus、pressed、disabled、loading 及过渡）；约束优先提示（先列技术、设计、浏览器、性能硬性约束）；迭代细化（反馈回环协议、基于 Diff 的局部修改、A/B 变体请求）。另含少样本示例、组件生成与设计评审模板，以及常见反模式（模糊美学描述、缺失状态、无设计系统上下文、隐式无障碍、期待一次成型）。
使用方式：按需选用对应模式组织提示，将真实 CSS 值与设计令牌直接写入，明确状态与无障碍要求；生成后用结构化反馈迭代，或要求只输出改动部分。
适用场景：编写可复用组件生成提示、构建设计系统提示模板、调试不一致的 UI 输出、为组件生成少样本示例。
限制：技能本身为提示词方法，不提供运行环境；示例基于 React、TypeScript 与 Tailwind CSS，其他技术栈需自行调整；具体安装命令与调用方式资料暂未提供。