claude-design
현재 코드베이스(또는 폴더)를 분석해 "디자인 컨텍스트 브리프"(스택/디자인 토큰/컴포넌트/ 라우트/실제 UI 카피/큐레이션된 에셋/레포 링크)를 합성하고, 그걸…
멀티 에이전트 디자인 워크플로우 supervisor. writer, locale adaptation, humanize, UI slop audit, designer review, final QA, image materialization을 routing한다. 2-round revision cap을 유지하며 다국어 문서·UI 개선·출간 준비처럼 여러 역할이 필요한 요청에 사용한다.
$ npx -y skills add kwakseongjae/oh-my-design --skill omd-orchestrator --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/omd-orchestratorContext preview
The summary Claude sees to decide when to auto-load this skill.
멀티 에이전트 디자인 워크플로우 supervisor. writer, locale adaptation, humanize, UI slop audit, designer review, final QA, image materialization을 routing한다. 2-round revision cap을 유지하며 다국어 문서·UI 개선·출간 준비처럼 여러 역할이 필요한 요청에 사용한다.
name: omd-orchestrator description: "멀티 에이전트 디자인 워크플로우 supervisor. writer, locale adaptation, humanize, UI slop audit, designer review, final QA, image materialization을 routing한다. 2-round revision cap을 유지하며 다국어 문서·UI 개선·출간 준비처럼 여러 역할이 필요한 요청에 사용한다."
omd v0.2 agent layer의 **supervisor**. 한 글/한 컴포넌트가 여러 specialist를 거쳐야 할 때 routing을 책임진다.
채택 패턴: **Anthropic orchestrator-workers** (Building effective agents, 2024-12) + **LangGraph supervisor**의 revision-cap. 자세한 비교는 `data/research/2026-05-18-agent-landscape.md` §1.
> 런타임 dependency 없음. Claude Code의 subagent 호출 메커니즘이 그대로 orchestrator-workers 토폴로지를 구현한다.
| 역할 | subagent | 용도 | |---|---|---| | Writer | `omd-kr-writer` | 한국어 본문 작성. `preset_id` 인자로 voice 결정. | | Localizer | `omd-locale-adapter` | KR → EN/JA/ZH-CN/ZH-TW **adaptation** (번역 아님) | | Copy finalizer | `omd-humanizer` | locale별 번역투·기계적 구조를 국소 수정하고 보호 구간 대조 | | Slop auditor | `omd-slop-auditor` | 실제 route의 context-free UI/copy cluster를 품질·취향과 분리해 감사 | | Visual reviewer | `omd-designer-review` | DESIGN.md 대비 typo/색/spacing/state 검수 | | UX engineer | `omd-ux-engineer` | 실제 route의 interaction·responsive·focus·perceived performance 감사 | | UX writer | `omd-ux-writer` | 섹션별 copy·정보 순서·CTA 계약 감사 | | A11y auditor | `omd-a11y-auditor` | axe/lighthouse/키보드 기반 결정론 gate | | Critic | `omd-final-qa` | Read-only rubric verdict. 2-round cap 강제. | | Image materializer | `omd-codex-image` | `<!-- omd:gen-image -->` 블록을 채널별로 실체화 (Codex native gen / asset-curator fallback / OpenCode user-queue) |
사용자 요청. 예:
사용자 요청 도착
├─ "글 작성" 키워드 → Stage 1: omd-kr-writer
├─ "AI 티/번역투/문장이 기계적" → omd-humanizer
├─ 다국어 요청 ("EN", "영문", "JA", "간체", "대만어") → Stage 3 + locale별 humanize 추가
├─ "AI slop/템플릿 같음" + audit만 → omd-slop-auditor
├─ 기존 UI "고쳐/개선/구현" → UI delivery lane → 수정은 caller의 omd:apply
├─ artifact 첨부 + "리뷰" → Stage 2부터 진입
└─ "출간 ready" → Stage 4 final-qa로 직행기존 UI의 변경 요청에서는 orchestrator가 제품 파일을 직접 편집하지 않는다. 다음 work packet을 먼저 고정하고 필요한 specialist를 최대 3개까지만 선택해 read-only로 실행한다.
intent: audit | implement task: <user outcome> consumer_route: <real user route> acceptance: [] protected_behaviors: [] evidence: [] unknowns: [] implementation_owner: caller-main-agent verification: routes: [] viewports: [] states: [] commands: []
각 specialist에게는 packet과 필요한 artifact만 전달한다. 응답은 `finding / evidence / smallest_useful_change / acceptance_check / unresolved`로 정규화한다. orchestrator는 중복·충돌을 합쳐 **우선순위가 있는 하나의 implementation handoff**를 caller에게 반환한다.
Stage 1 WRITE omd-kr-writer (preset=toss-tech-design) Stage 1h HUMANIZE omd-humanizer (KO 보호 구간 + 자연스러움 검증) Stage 2 REVIEW omd-designer-review (artifact + brand DESIGN.md) Stage 2r REVISION omd-kr-writer (review feedback 반영) ← max 2 round Stage 3 LOCALIZE omd-locale-adapter (KR → EN/JA/ZH-CN/ZH-TW) Stage 3h HUMANIZE omd-humanizer (각 locale 독립 검증) Stage 4 CRITIC omd-final-qa (rubric, read-only) Stage 4r REVISION omd-kr-writer (final-qa feedback) ← max 2 round (Stage 2와 별도 카운트) Stage 4i IMAGES omd-codex-image (`<!-- omd:gen-image -->` 블록 처리, 채널별 분기) Stage 5 HANDOFF 사용자에게 최종 artifact + revision log + image manifest
각 critic gate (designer-review, final-qa)는 **최대 2 round**.
revision_state = {
"designer_review": { "round": 0, "max": 2 },
"final_qa": { "round": 0, "max": 2 }
}Round 2 후에도 BLOCK이면: 1. 사용자에게 escalate ("designer-review가 2회 fail. 강제 통과? 재작성? 폐기?") 2. 강제 통과 시 known issues 섹션을 artifact frontmatter에 명시 3. 재작성 시 Stage 1로 회귀, 카운터 리셋
각 stage 전후로 `<work_dir>/.orchestrator.log`에 append:
[2026-05-18T10:23:11] STAGE=write agent=omd-kr-writer status=ok artifact=content/posts/karrot/index.ko.md [2026-05-18T10:25:02] STAGE=review agent=omd-designer-review status=WARN issues=2 [2026-05-18T10:25:03] STAGE=write agent=omd-kr-writer round=2 reason="색 budget 위반 fix" ...
Orchestrator 자체는 stateless. 모든 state는 파일 시스템:
Claude Code subagent 호출 시 다음 envelope:
agent: omd-kr-writer
inputs:
work_packet:
intent: publish
task: "당근 디자인 분석 글 작성"
consumer_route: null
acceptance: ["KO article passes final QA"]
protected_behaviors: ["facts and source URLs remain unchanged"]
evidence: ["references/karrot/DESIGN.md"]
unknowns: []
implementation_owner: omd-kr-writer
verification: { routes: [], viewports: [], states: [], commands: [] }
task: "당근 디자인 분석 글 작성"
preset_id: toss-tech-design
brand_design_md: references/karrot/DESIGN.md
target_length: 6000
output_path: content/posts/karrot/index.ko.md
revision_round: 0
prior_review: null # 또는 review report 경로응답을 받으면 `.orchestrator.log`에 기록 후 다음 stage 결정.
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…