UI UX Kit

关于这个 Skill

按产品界面类型选择设计规则，确定视觉概念，建立可复用的设计变量与交互状态，并输出 DESIGN_SYSTEM.md。

为什么推荐

适合新界面设计与定向改版，分别处理仪表盘、落地页、商店、内容页和原生应用；可选图像生成助手需要另行提供。

适合用来做什么

• 为明确的产品界面规划并实现统一的视觉与交互。
• 审查已有界面并记录可复用的设计决策。

工作流程与预期结果

1. 第 1 步

   识别界面类型，保留既有品牌和框架约束。

2. 第 2 步

   确定一个视觉概念，实现共用设计变量和组件状态，再检查实际渲染布局。

3. 第 3 步

   复核对比度、层次与溢出，把实际使用值写入 DESIGN_SYSTEM.md。

已核对的上游任务指令

来源核对

已核对提交 af67a2cba570 的任务指令及仓库清单。本条目介绍上游工作流程，不表示收录时已执行完整产品制作或无障碍审计。

已核对的上游任务指令官方仓库与安装说明

使用前需要了解

• 需要可访问本地文件的编程助手，安装器需要 Node.js；使用前检查安装后的指令。
• 保留 SKILL.md 与配套 references。参考研究与渲染检查需要浏览器；AI 图像制作需要可用图像工具或文档列出的独立助手。

支持的 Agent