claude-design
현재 코드베이스(또는 폴더)를 분석해 "디자인 컨텍스트 브리프"(스택/디자인 토큰/컴포넌트/ 라우트/실제 UI 카피/큐레이션된 에셋/레포 링크)를 합성하고, 그걸…
DESIGN.md 변경분을 CLAUDE.md / AGENTS.md / .cursor/rules/omd-design.mdc shim 3종에 전파. 'shim 갱신', 'drift 확인', 'ship', 'publish', 「shimを更新」, 「同步 CLAUDE.md」류의 요청에 트리거. DESIGN.md가 수정됐는데 shim이 오래됐을 때 자동 감지해 제안하기도 함.
$ npx -y skills add kwakseongjae/oh-my-design --skill omd-sync --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/omd-syncContext preview
The summary Claude sees to decide when to auto-load this skill.
DESIGN.md 변경분을 CLAUDE.md / AGENTS.md / .cursor/rules/omd-design.mdc shim 3종에 전파. 'shim 갱신', 'drift 확인', 'ship', 'publish', 「shimを更新」, 「同步 CLAUDE.md」류의 요청에 트리거. DESIGN.md가 수정됐는데 shim이 오래됐을 때 자동 감지해 제안하기도 함.
name: omd:sync description: "DESIGN.md 변경분을 CLAUDE.md / AGENTS.md / .cursor/rules/omd-design.mdc shim 3종에 전파. 'shim 갱신', 'drift 확인', 'ship', 'publish', 「shimを更新」, 「同步 CLAUDE.md」류의 요청에 트리거. DESIGN.md가 수정됐는데 shim이 오래됐을 때 자동 감지해 제안하기도 함."
DESIGN.md가 모든 주요 AI 코딩 에이전트(Claude Code, Codex, OpenCode, Cursor)에게 보이도록 shim 파일 3종을 관리한다. **CLI 호출 없음** — Read/Write/Edit 툴로 직접 처리.
| ID | 경로 | 모드 | |---|---|---| | `claude` | `CLAUDE.md` | block (managed marker만) | | `agents` | `AGENTS.md` | block (managed marker만) | | `cursor` | `.cursor/rules/omd-design.mdc` | whole (전체 파일이 omd 전용) |
block 모드는 `<!-- omd:start v=1 hash=<sha256:12> -->` ~ `<!-- omd:end -->` 마커 안만 관리, 나머지 사용자 콘텐츠 보존. whole 모드는 frontmatter 포함 전체 파일이 관리 단위.
# Design System (oh-my-design) Read the standalone design contract at **@./DESIGN.md** before any UI, styling, microcopy, or motion work. When a valid adopted Core v2 `.omd/system/manifest.json` declares `profile: portable-core` and binds exact graph/projection hashes, the System Graph is machine authority and DESIGN.md is its standalone projection. A migration candidate is never adopted authority. Preference log (pending corrections): @./.omd/preferences.md Precedence: pending explicit preference corrections > adopted Bound System graph/standalone DESIGN.md > your defaults. Fold pending corrections into the graph and regenerate the projection before clearing them.
## Design System (oh-my-design) **Before any UI, styling, copy, or motion change, open and read `./DESIGN.md` in full.** It is the standalone design contract. If an exact valid adopted Core v2 manifest exists, its hash-bound System Graph is machine authority and DESIGN.md is the projection. A migration candidate remains non-authoritative. If present, read `./.omd/preferences.md` — pending explicit corrections override the current contract until atomically folded into the graph/projection. Apply them and flag conflicts.
--- description: Authoritative brand & UI design system. Read DESIGN.md before UI work. globs: - "**/*.tsx" - "**/*.jsx" - "**/*.vue" - "**/*.svelte" - "**/*.css" - "**/*.scss" - "**/tailwind.config.*" - "**/components/**" - "**/app/**/page.*" alwaysApply: true --- <!-- omd:start v=1 hash=<HASH> --> <!-- omd:cursor-channel=skills --> Read the standalone design contract at `@DESIGN.md` before generating/modifying UI. With an exact valid adopted `profile: portable-core` manifest, its hash-bound System Graph is machine authority and DESIGN.md is the projection. A migration candidate is non-authoritative. Pending preference corrections: `@.omd/preferences.md`. Precedence: pending explicit preference corrections > adopted Bound System graph/standalone DESIGN.md > framework defaults. Fold pending corrections into the graph and regenerate DESIGN.md before clearing them. OmD Agent Skills live under `.cursor/skills/`. Use the smallest relevant `omd-*` skill automatically, or invoke it from Cursor with `/omd-<name>`. Unknown fields stay absent. Never substitute a system font, generic component, guessed token, or adjacent surface as a product fact. <!-- omd:end -->
`<HASH>` = sha256 of the body content (마커 제외, body 텍스트만), 12자 hex prefix:
node -e "console.log(require('crypto').createHash('sha256').update(process.argv[1]).digest('hex').slice(0,12))" "<body 텍스트>"block 모드 마커 형식 정확히:
<!-- omd:start v=1 hash=ab12cd34ef56 --> <body> <!-- omd:end -->
사용자가 어떤 모드를 요청하는지 분기:
각 shim별로:
파일 없으면 → status: `missing`, 새로 write 진행 파일 있으면 → 내용 파싱
`<!-- omd:start v=N hash=H -->` 라인 찾기:
existing 전체 content와 rendered 템플릿 비교:
`.omd/sync.lock.json` 기록 (없으면 만든다):
{
"design_md_hash": "<DESIGN.md sha256:12>",
"targets": {
"CLAUDE.md": "<hash>",
"AGENTS.md": "<hash>",
".cursor/rules/omd-design.mdc": "<hash>"
},
"updated_at": "<ISO timestamp>"
}DESIGN.md 해시:
[ -f DESIGN.md ] && node -e "console.log(require('crypto').createHash('sha256').update(require('fs').readFileSync('DESIGN.md')).digest('hex').slice(0,12))"CLAUDE.md (block) — updated AGENTS.md (block) — unchanged .cursor/rules/omd-design.mdc — created DESIGN.md hash: ab12cd34ef56
Give your AI coding agent a design system. One command installs 500+ quality-graded company DESIGN.md references + skills into Claude Code, Codex, Cursor, and OpenCode. Free, MIT, zero AI calls.
Repo: kwakseongjae/oh-my-design
현재 코드베이스(또는 폴더)를 분석해 "디자인 컨텍스트 브리프"(스택/디자인 토큰/컴포넌트/ 라우트/실제 UI 카피/큐레이션된 에셋/레포 링크)를 합성하고, 그걸…
Reference catalog authoring compatibility gate. Core v2 cutover가 끝나기 전에는 신규 legacy DESIGN.md…
Maximum-craft one-page landing — the wow bar. omd:landing 의 구조 위에 마감(서체 조달·그레인·깊이·색보정·스크롤…
프로젝트 DESIGN.md를 UI/시각 작업의 brand context로 적용. 컴포넌트·색상·폰트·레이아웃 수정 같은 구체적 요청과 톤·분위기 표현 — KR '좀 더…
사용자 product UI 생성 시 placeholder 자리를 generic SVG가 아닌 **실제 free-license CDN 자산**으로 채운다.…
One-prompt autonomous product design and implementation. Use automatically for broad…