educlopez/ui-craft

它解决了什么问题

AI 编码代理常常生成通用且质量较低的用户界面（被称为「AI 懒散产物」），缺乏专业设计品味和可用性。UI Craft 为 AI 代理提供了一套有明确立场的设计规则、验证工具和结构化工作流程，确保生成的 UI 可以达到生产环境标准并具备设计师级别的质量。

它如何工作

UI Craft 可作为技能或 CLI 工具集成到 AI 编码工具链中（如 Claude Code、Cursor 或 Gemini）。它采用「阶梯式」的四层设计控制机制，逐步提升设计控制力度：

• 第 0 层（询问）： 代理利用设计知识，基于简单提示改进结果。
• 第 1 层（直接）： 用户使用特定的斜杠命令（例如 /craft、/polish、/animate）触发专注的设计优化流程。
• 第 2 层（持久）： 将持久的设计上下文（如简报和令牌）存储在 .ui-craft/ 目录中，以在不同会话间保持一致性。
• 第 3 层（强制）： 通过质量门控、MCP 服务器和 CI 检测器确保 UI 不会退化，并满足 10 项验收标准。

它还包含一个发现阶段，用于分析现有项目的设计风格，并提供「旋钮」以调整设计等级、动画强度和视觉密度。

适合谁

使用 AI 编码代理但希望交付高保真、专业级 UI 的开发者，而无需自身成为专家级设计师。

主要亮点

• 可评分的评审： 基于 Nielsen 的 10 项可用性启发式和 6 项经典设计定律生成可辩护的评分卡。
• 与技术栈无关： 适用于多种框架和 AI 工具链。
• 全面的命令集： 提供 25 个专用斜杠命令，涵盖从线框图设计（/shape）到生产环境加固（/harden）的全部流程。
• 集成的质量门控： 内置 MCP 门控和评审代理，防止「AI 懒散产物」进入生产环境。