前 5 分钟
安装、验证,然后做出一个看得见的变化。
最快的成功路径很短:安装完整包,用 doctor 检查真实文件,然后提出一个具体界面需求。
准备
- 01 / 03
Node.js 18 或更高版本
准备就绪20+ - 02 / 03
产品代码仓库
准备就绪git - 03 / 03
Claude Code、Codex、OpenCode 或 Cursor
准备就绪AI
快速开始
- 01
打开项目根目录
项目级安装会让设计上下文和产品代码一起版本化。
- 02
安装完整包
交互式安装会检测正在使用的工具,并默认选择完整产品包。
npx oh-my-design-cli@latest - 03
重启并验证
重启 AI 编程助手以加载新技能。doctor 会报告缺失的目录、智能体角色或 DESIGN.md。
npx oh-my-design-cli@latest doctor - 04
请求第一个结果
从具体界面开始。代理会在提出设计问题前先检查仓库。
使用 DESIGN.md 改进首页,保留现有行为并验证结果。
按渠道非交互安装
Claude Code
安装技能、子代理、目录和安全合并的项目 hooks。
npx oh-my-design-cli@latest install-skills --agent claude-code --all产品发生变化才算完成,而不是安装成功。
良好的首次运行会留下可见的 UI 改进、项目 DESIGN.md 和清晰的下一条提示词。

