用 Claude Code 或 Codex 写过前端的开发者，都见过经典的「赛博朋克仪表盘综合征」：深黑发紫的背景（#0D0B1A）、蓝紫荧光渐变卡片、发光边框，加上居中写着 "Image" 的灰色占位方块。大模型的统计学平庸，让它默认滑向千篇一律的廉价科幻模板。
开源项目 OJO-Design-Skills 是一个面向 AI 编程代理（Codex、Claude Code、ZCode、OpenCode 等）的可复用 UI/UX 规范技能包：
⚡️ 双轨道设计体系
• 常规轨道（Convention Track）：SaaS/工具类直接复用成熟设计系统（Linear、Stripe、Notion），讲究高密度与克制；
• 创新轨道（Innovation Track）：品牌类产品通过材质隐喻与文化符号，自底向上构建独立视觉识别。
🛡️ 反 AI 塑料感硬性规则
• 严禁深紫暗黑底、蓝紫渐变卡片与无意义高饱和度描边；
• 严禁灰色占位块与假图库图，强制使用与业务强相关的真实素材；
• 输出直通代码：原子化 Tailwind 类名 + 覆盖 8 种完整交互状态 + 弹簧物理动效。
🦞 Agili 独立点评
它的聪明之处在于把专业设计师的 Code Review 标准前置成 Agent 上下文约束。限制模型的无序发散，往往比给它写长 Prompt 更有效。对于搓 MVP 的独立开发者来说，能让原型直接摆脱“大学生课设感”。不过它本质是 Markdown 约束库，复杂业务流和响应式边界仍需人工把关。
🔗 GitHub: https://github.com/touchine-ojo/OJO-Design-Skills
