claude-design
현재 코드베이스(또는 폴더)를 분석해 "디자인 컨텍스트 브리프"(스택/디자인 토큰/컴포넌트/ 라우트/실제 UI 카피/큐레이션된 에셋/레포 링크)를 합성하고, 그걸…
OmD Lab #02 — 디자인 하네스 정교화 실험. 동일 task를 v1, v2, v3... 버전별 하네스 설정으로 돌려서 산출물 품질·토큰 비용·iteration 수·persona ABANDON 율을 비교. 트리거 — '/omd-lab-02', '하네스 lab 시작', '디자인 하네스 v2 돌려서 비교', 'lab #02 자동 비교'.
$ npx -y skills add kwakseongjae/oh-my-design --skill omd-lab-02-design-harness --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/omd-lab-02-design-harnessContext preview
The summary Claude sees to decide when to auto-load this skill.
OmD Lab #02 — 디자인 하네스 정교화 실험. 동일 task를 v1, v2, v3... 버전별 하네스 설정으로 돌려서 산출물 품질·토큰 비용·iteration 수·persona ABANDON 율을 비교. 트리거 — '/omd-lab-02', '하네스 lab 시작', '디자인 하네스 v2 돌려서 비교', 'lab #02 자동 비교'.
name: omd-lab-02-design-harness description: OmD Lab #02 — 디자인 하네스 정교화 실험. 동일 task를 v1, v2, v3... 버전별 하네스 설정으로 돌려서 산출물 품질·토큰 비용·iteration 수·persona ABANDON 율을 비교. 트리거 — '/omd-lab-02', '하네스 lab 시작', '디자인 하네스 v2 돌려서 비교', 'lab #02 자동 비교'.
`omd:harness`의 정교화 작업을 위한 실험실. 동일한 design task를 *서로 다른 하네스 설정* (v1, v2, v3, ...)으로 돌려서 품질·비용·실패모드를 비교한다.
Lab #01이 "DESIGN.md 유무"의 영향을 봤다면, Lab #02는 **하네스 자체의 설정**(prompt 변형, persona pool, eval rubric, asset 정책 등)이 산출물에 미치는 영향을 본다.
skills/omd-lab-02-design-harness/ ├── SKILL.md (this file) ├── playbooks/ │ ├── v1.md (현재 baseline — first full implementation) │ ├── v2.md (다음 실험 가설) │ └── ... ├── runs/ │ ├── v1-run-<ts>-<slug>/ ← omd:harness가 v1 설정으로 돌린 산출물 전체 │ ├── v2-run-<ts>-<slug>/ │ └── ... ├── compare/ │ ├── README.md (어떤 task로 어떤 v를 비교했는가) │ └── <task-id>/ │ ├── index.html (v1 vs v2 vs v3 동시 비교 뷰) │ └── metrics.json (집계 비교 지표) └── postmortem-aggregate.md (전 v 누적 학습)
1. `playbooks/v<N>.md` 작성. 가설을 한 줄로:
## Hypothesis v2 raises persona ABANDON budget from 3s → 5s, expecting fewer false-abandon and more useful friction signal.
2. v<N>이 v<N-1>과 *바꾸는 것 정확히 명시*. 1개 변수만 바꾸는 게 원칙. 3. 변경 점이 sub-agent 프롬프트에 있으면 `playbooks/v<N>/agents-overrides/*.md`로 patch 보관.
# 운영자가 수동 실행 omd harness "<task>" --lab v2 # 또는 사용자가 자연어: # "이 task를 lab v2 설정으로도 돌려서 v1과 비교해줘"
`--lab v<N>`이 들어오면:
운영자가 동일 task에 대해 v1, v2, ..., vN의 run을 끝내면:
omd lab compare --task "<task-slug>" --versions v1,v2,v3
이게 `compare/<task-slug>/index.html`을 만든다. 4-패널 (또는 N-패널) 비교:
{
"task": "토스 스타일 가족 식단 앱 메인",
"versions": {
"v1": {
"iterations": 2,
"total_tokens_estimated": 320000,
"persona_abandon_rate": 0.5,
"deterministic_pass_rate": 1.0,
"jury_score_normalized": 0.72,
"time_to_handoff_min": 18,
"user_satisfied": "?"
},
"v2": { ... }
},
"delta_v1_v2": "v2 reduced persona_abandon_rate by 0.25 but raised total_tokens by 12% — net win on signal quality"
}| v | hypothesis | status | |---|---|---| | v1 | First full implementation — 8 agents, 10 phases, 3 user checkpoints | active baseline | | v2 | (TBD) | pending | | v3 | (TBD) | pending |
`playbooks/v1.md`가 baseline 정의. 운영자는 매 회 새 가설로 v<N>.md를 추가한다.
매 lab run 종료 시, run의 `postmortem.md`에서 *cross-version-relevant* 신호만 발췌해 `postmortem-aggregate.md`에 누적:
이게 다음 v의 가설을 만들어낸다.
사용자: "토스 스타일 결제 화면 — Lab #02로 v1, v2 비교" → Claude: omd harness "..." --lab v1 실행 → v1-run 적재 → (사용자 체크포인트 진행, ship 결정) → Claude: omd harness "..." --lab v2 실행 (동일 brief 재사용 가능) → omd lab compare --task <slug> --versions v1,v2 → compare/<slug>/index.html 결과 제시
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…