agf-design-discipline

# 设计纪律（agf-design-discipline） > AGF 设计治理的**第三层**：审美判断。与 token 层（[`docs/design/DESIGN.md`](../../../docs/design/DESIGN.md)）、机械审查层（[`code-reviewer.md`](../../agents/code-reviewer.md) 设计 token 审查项）正交。本 skill **不重声明 token、不做 grep、不引导非 shadcn 设计系统** —— 只管"设计方向与审美判断"。治理背书 [ADR-013](../../../docs/adr/013-design-discipline-layer.md)。 ## Use this skill when - uiux-designer 即将产出 feature `spec.md` 或 `index.html` 原型（**设计侧**：产出前给 Design Read + 自查 9 维） - frontend-dev 即将据设计实现 UI（**实现侧**：写码时守 AI Tells，防重新引入 AI 味） - 任一角色需要判断"这个 UI 有没有 AI 味 / 是否模板化" **Do NOT use this skill for**: - 重声明颜色 / 字号 / 间距 / 圆角 token —— 那是 `docs/design/DESIGN.md` 的职责，本 skill 只**指向**它 - 机械 grep 硬编码值 —— 那是 `code-reviewer.md` 设计 token 审查项 + `agf-design-precheck.sh` - 引导 Material / Fluent / Carbon / Polaris 等非 shadcn 设计系统 —— [ADR-000](../../../docs/adr/000-system-architecture.md) 锁死 shadcn/ui + Tailwind v4，引导其他系统会冲突 - Apple（SwiftUI）/ miniapp（WXML/WXSS）轨 —— 平台 HIG / 设计规范优先，本 skill 先落 Web / 通用轨 - 高 MOTION 营销编排（scroll-hijack / GSAP / kinetic-type）用在**产品 UI** —— 那是反模式（见 §3 motion 红线）；营销 / 落地页 feature 若 PL 显式声明可单独放开 --- ## 1. Brief Inference —— Design Read 声明（产出前第一动作） LLM 设计输出烂的头号原因：模型跳过"读需求"直接套默认审美。**写任何设计 / 代码前，先输出一句 Design Read 声明**，落 `spec.md` 顶部（feature 审美方向锚）。 ### 1A 先读这些信号 1. **页面类型** —— 产品 UI（登录 / 列表 / 表单 / 详情 / 设置 / dashboard）vs 营销页（landing / 落地 / hero / portfolio）。**页面类型决定刻度档**（产品 UI 默认低，营销页可高）。 2. **风格词** —— 用户说的"简约 / 克制 / Linear 风 / Apple 感 / 严肃 B2B / 活泼 / 暗色科技"。 3. **参考信号** —— 用户贴的截图、点的竞品、链接的 URL。 4. **受众**...