跳到文档正文
oh-my-design
快速开始

前 5 分钟

安装、验证,然后做出一个看得见的变化。

最快的成功路径很短:安装完整包,用 doctor 检查真实文件,然后提出一个具体界面需求。

准备

  • 01 / 03

    Node.js 18 或更高版本

    准备就绪20+
  • 02 / 03

    产品代码仓库

    准备就绪git
  • 03 / 03

    Claude Code、Codex、OpenCode 或 Cursor

    准备就绪AI

快速开始

  1. 01

    打开项目根目录

    项目级安装会让设计上下文和产品代码一起版本化。

  2. 02

    安装完整包

    交互式安装会检测正在使用的工具,并默认选择完整产品包。

    npx oh-my-design-cli@latest
  3. 03

    重启并验证

    重启 AI 编程助手以加载新技能。doctor 会报告缺失的目录、智能体角色或 DESIGN.md。

    npx oh-my-design-cli@latest doctor
  4. 04

    请求第一个结果

    从具体界面开始。代理会在提出设计问题前先检查仓库。

    使用 DESIGN.md 改进首页,保留现有行为并验证结果。

按渠道非交互安装

Claude Code

安装技能、子代理、目录和安全合并的项目 hooks。

npx oh-my-design-cli@latest install-skills --agent claude-code --all

产品发生变化才算完成,而不是安装成功。

良好的首次运行会留下可见的 UI 改进、项目 DESIGN.md 和清晰的下一条提示词。