AI 生成的 UI,先过这一关。
用组件选型、设计系统和 UI Skill,把“能跑的界面”变成“能用的界面”。复制一段审查提示词,让 AI 按 5 维 20 条标准打分,再给出可执行修复方案。
基础组件
从设计角度看 Web 系统有哪些组件。这里只讲何时用、用作什么、不要怎么误用,不写 API 文档。
高级进阶
不按国内/国外排行,按系统形态理解差异:规范、成品、无头、源码和设计约束。
Design Token + Design.md
Token 解决机器可复用的视觉变量;Design.md 解决 AI 能否理解品牌、布局、组件和反模式。
# Design.md
## Brand Personality
## Layout Principles
## Color Tokens
## Typography Tokens
## Spacing Tokens
## Component Rules
## Interaction Rules
## Accessibility Rules
## AI Generation Rules
UI Skill
资源索引,不是泛链接集合。首版按 GitHub stars 快照排序,统一展示 `npx uidex-skill add `。
选型速查
把最容易混淆的组件对比成一句话规则,适合复制给 AI 或拆成传播图。
没有找到匹配内容。试试“按钮”“Modal”“Design Token”“可访问性”。