OJO Design Skills 是一个即插即用的技能包，让你的 AI 编程代理学会做出真正的设计决策，而不是生成千篇一律的”AI 味”界面。安装一次，你的代理就获得一套完整的 UI/UX 方法论：品牌驱动的视觉方向、设计令牌、组件配方、动效规范，以及一套严格的反模式护栏，确保产出的设计不会显得廉价。
双轨道方法论：常规轨道为 SaaS 和工具类产品直接采用成熟的设计语言（Notion、Linear、Stripe 等）；创新轨道通过材质隐喻、原型驱动、叙事驱动或文化符号等方法构建品牌驱动的设计语言。反 AI 味护栏硬性禁止紫蓝渐变、灰块占位、单一色系调色板等组合。真实素材要求：任何展示图像的界面必须使用真实、与主题相关的素材。代码级产出：组件直接落地为原子化的 Tailwind 类名字符串，并覆盖 8 种交互状态；动效使用弹簧物理而非固定曲线。
快速开始
用一条命令安装全部技能 —— 将 <client> 替换为你的代理:
curl -fsSL https://raw.githubusercontent.com/touchine-ojo/OJO-Design-Skills/main/scripts/install.sh | bash -s -- --target <client>| 客户端 | --target |
默认安装目录 |
|---|---|---|
| Codex | codex |
${CODEX_HOME:-~/.codex}/skills |
| Claude Code | claude-code |
${CLAUDE_HOME:-~/.claude}/skills |
| ZCode | zcode |
${AGENTS_HOME:-~/.agents}/skills |
| DeepCode | deepcode |
${AGENTS_HOME:-~/.agents}/skills |
| WorkBuddy | workbuddy |
${WORKBUDDY_HOME:-~/.workbuddy}/skills |
| OpenCode | opencode |
${OPENCODE_CONFIG_DIR:-~/.config/opencode}/skills |
| 通用代理 | generic |
${AGENTS_HOME:-~/.agents}/skills |
如果客户端没有立即识别到新技能,请重启或重新加载它。
