用途:在写任何 UI 代码之前,为界面确定视觉与交互方向,适用于 Web、React、TUI、CLI、桌面、Qt 以及设计系统令牌等场景。核心主张是“方向优先、令牌其次、代码最后”,默认姿态为克制,每个界面只保留一个刻意的亮点。
主要能力:区分品牌(brand)与产品(product)两种语境,品牌语境可用新粗野主义、玻璃拟态、Material 3 Expressive 等,产品语境默认克制与后极简主义。提供反“slop”清单,列出 AI 通用感与装饰过度两类问题。颜色策略分 Restrained、Committed、Full palette、Drenched 四档。
使用方式:按六步方向优先工作流执行——框定界面、用 Verbalized Sampling 并行发散 3-4 个方向、每个方向返回固定结构、按轴单选确定、从选定方向派生 DTCG 形状令牌、路由到对应运行时参考。运行时参考包括 web、react、tui、cli、桌面、qt、设计系统与动效等。
限制与约束:禁止紫色-蓝色/紫色-粉色渐变、transition: all、font-family: system-ui、纯色紫红蓝绿、自生成调色板、渐变(除非明确要求,且绝不用于按钮与标题)。间距刻度为 4/8/12/16/24/32/48/64px,最多两种字体家族,动效以毫秒计预算。对比度以 WCAG 2.1 AA 为底线,APCA 仅作设计输入,不能声称通过 APCA 满足 WCAG 3。验证门槛包括 ODIN 设计门槛 ≥95%、反 slop 清单零违规、令牌引用而非硬编码、用 axe-core 或 DevTools 验证对比度。
适用场景:需要先定方向再写 UI 代码的各类界面设计任务。具体收费、价格与平台信息暂未提供。