指挥模型做界面时,你只能说"再精致点"——它改,你看,你说"还是不太对"。 卡住的不是审美,是你手里没有能指认问题的名字。
新手最常见的卡点是从最底层开始纠结——一上来就问"圆角该用几像素", 而那层恰恰最不需要你操心。30 个概念全挂在这 6 层上。
每个概念都画出来给你看。滑杆能拖,标签页能切,容器能拉宽看断点翻转。
间距、亲密性、行长、对比度、五态、变体矩阵。每个配一个能上手拨弄的演示,底部一句话是可以直接抄给模型的约束。
21 个组件加 12 种页面布局,全是真渲染。每张标注它用到哪几个概念,点一下跳回定义。
每层选一个就够:Tailwind、shadcn/ui、Radix、Lucide。另有一张"什么时候该读哪份文档"的地图。
项目开场的约束、一张从"感觉"查到具体病因的诊断表,以及一份填满数值、可直接抄进项目的 DESIGN.md。
它不教你成为设计师,也不保证你照着说模型就会照做——那取决于模型、上下文和你提的其他要求。 它能做的是:界面不对劲时,你说得出具体是哪里不对。
DESIGN.md 规范还在 alpha、工具在迭代、参照物半年就过期。更新走 GitHub Release,
点一下 Watch → Releases 就会收到邮件,或者订阅
RSS。
不做邮件列表,不做社群,也不承诺更新频率——只在真有东西改的时候发一次。