Design Rail

Design Rail 是一套面向 coding agent 的前端 UI 工作流 skill。

它的目标是让不同开发者和不同 AI agent 在修改前端 UI 时遵守同一套流程，减少随意改风格、凭感觉重做页面、局部样式不一致等问题。

它要求 agent 在实现前先完成：

• 截图差异分析
• UI 方向确认
• 模糊视觉反馈的术语化翻译
• 模块级最小改动优先
• 复用现有组件、主题 token 和产品模式
• 改完后通过用户截图进行视觉验收

Skill

当前 skill 位于：

design-rail-ui/

当任务涉及 app UI、可见组件、布局、样式、导航、弹窗、卡片、设置页、列表、表单、颜色、字体、截图参考界面，或任何可能影响产品一致性的前端可见界面时，应使用该 skill。

核心流程

1. 识别目标 surface 和 module。
2. 如果用户提供截图，先阅读当前截图和参考截图。
3. 返回截图差异报告。
4. 提出聚焦的设计决策问题。
5. 等待用户明确确认。
6. 实现已确认的最小 UI 改动。
7. 当视觉质量重要时，通过用户更新截图继续验收。

仓库范围

该仓库只维护可复用的 skill 和相关 reference 文档。

本地竞品截图、复制的第三方 skill、探索性资料和临时素材不纳入版本控制。