첫 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
재시작하고 검증
코딩 에이전트를 재시작해 스킬을 다시 읽게 하세요. doctor는 일부 파일만 보고 성공이라 하지 않고 카탈로그·에이전트·DESIGN.md 누락을 알려줍니다.
npx oh-my-design-cli@latest doctor - 04
첫 결과 요청
구체적인 화면부터 시작하세요. 에이전트는 디자인 질문 전에 저장소를 먼저 살펴봅니다.
DESIGN.md를 적용해 홈 화면을 개선해줘. 동작은 보존하고 결과를 검증해줘.
채널별 비대화형 설치
Claude Code
스킬, 서브에이전트, 카탈로그와 안전하게 병합되는 프로젝트 훅을 설치합니다.
npx oh-my-design-cli@latest install-skills --agent claude-code --all첫 실행의 완료 기준은 눈에 보이는 UI 변화입니다.
좋은 첫 실행은 눈에 보이는 UI 개선, 프로젝트 DESIGN.md, 명확한 다음 프롬프트를 남깁니다. 설치기는 활성화 인프라일 뿐입니다.