Alternatives · shadcn/ui
oh-my-design vs shadcn/ui
shadcn/ui는 React 컴포넌트를 npm으로 install하지 않고 CLI로 직접 코드를 프로젝트에 복사해 넣는 라이브러리입니다. 디자인 톤은 Radix 기반의 neutral 한 default이고, 별도의 brand opinion을 강제하지 않습니다.
| 기준 | oh-my-design | shadcn/ui |
|---|---|---|
| 목적 | AI agent가 매 요청마다 읽는 brand spec | Reusable React component primitives |
| Output | DESIGN.md (markdown spec) | TSX 파일을 사용자 repo에 복사 |
| AI agent integration | Claude Code · Codex · Cursor · OpenCode 직결 | Indirect (코드 sample을 보고 흉내냄) |
| Brand voice | §10–15에서 명시 (voice/persona/motion) | Neutral default — brand 없음 |
| Install | `npx oh-my-design-cli install-skills` | `npx shadcn add button` 등 CLI per-component |
| Price | Free · MIT | Free · MIT |
| Open source | Yes (MIT) | Yes (MIT) |
When to use shadcn/ui
- React + Tailwind 스택에서 검증된 컴포넌트 primitives가 필요할 때
- Radix 접근성·키보드 동작을 그대로 받고 싶을 때
- 디자인은 직접 정하고 컴포넌트만 빠르게 짜고 싶을 때
When to use oh-my-design
- AI agent가 매 prompt마다 같은 brand context를 읽길 원할 때
- Voice·persona·motion까지 한 파일에서 다루고 싶을 때
- shadcn 컴포넌트를 DESIGN.md token으로 채색하고 싶을 때 — 둘은 같이 씁니다
정리. shadcn/ui과 oh-my-design은 같은 layer가 아닙니다. shadcn/ui이 reusable react component primitives 쪽이라면, oh-my-design은 그 도구가 매번 같은 brand context로 동작하도록 만드는 spec입니다. 많은 팀이 둘을 같이 씁니다 — either/or가 아닙니다.