agf-design-discipline

Solid

Use when uiux-designer is about to produce a design spec (spec.md) or static HTML prototype, or frontend-dev is about to build UI from a design. Provides the anti-AI-slop design discipline layer — Brief Inference (Design Read), three aesthetic dials tuned for product UI, AI Tells blacklist with overrides, mechanically-checkable Pre-Flight. Sits above the token layer (DESIGN.md) and mechanical review (code-reviewer); does not redeclare tokens or guide non-shadcn design systems. Inspired by taste-skill, cropped for AGF product UI per ADR-013.

Web & Frontend 423 stars 11 forks Updated 1 weeks ago MIT

Install

View on GitHub

Quality Score: 88/100

Stars 20%
87
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# 设计纪律(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. **受众**...

Details

Author
pcliangx
Repository
pcliangx/AppGenesisForge
Created
3 months ago
Last Updated
1 weeks ago
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category