claude-design
현재 코드베이스(또는 폴더)를 분석해 "디자인 컨텍스트 브리프"(스택/디자인 토큰/컴포넌트/ 라우트/실제 UI 카피/큐레이션된 에셋/레포 링크)를 합성하고, 그걸…
사용자의 디자인 선호·교정을 .omd/preferences.md에 기록. '이거 기억해줘', '앞으로는 이렇게', 'remember this', 'going forward never X', 「覚えておいて」, 「記住這個」류의 발화 또는 omd:apply가 교정을 감지했을 때 트리거. 기록된 내용은 omd:learn으로 DESIGN.md에 정식 반영.
$ npx -y skills add kwakseongjae/oh-my-design --skill omd-remember --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/omd-rememberContext preview
The summary Claude sees to decide when to auto-load this skill.
사용자의 디자인 선호·교정을 .omd/preferences.md에 기록. '이거 기억해줘', '앞으로는 이렇게', 'remember this', 'going forward never X', 「覚えておいて」, 「記住這個」류의 발화 또는 omd:apply가 교정을 감지했을 때 트리거. 기록된 내용은 omd:learn으로 DESIGN.md에 정식 반영.
name: omd:remember description: "사용자의 디자인 선호·교정을 .omd/preferences.md에 기록. '이거 기억해줘', '앞으로는 이렇게', 'remember this', 'going forward never X', 「覚えておいて」, 「記住這個」류의 발화 또는 omd:apply가 교정을 감지했을 때 트리거. 기록된 내용은 omd:learn으로 DESIGN.md에 정식 반영."
사용자의 디자인 선호/교정을 `.omd/preferences.md`에 append-only로 기록한다. 나중에 `omd:learn`이 배치로 DESIGN.md에 반영. **CLI 호출 없음** — Read/Edit/Write 툴로 직접 처리.
frontmatter + 엔트리 시퀀스. 엔트리 하나당 `## <heading>` + `omd-meta` 코드블록 + body.
--- schema: omd.preferences/v1 design_md_hash_at_creation: <hash 또는 빈 문자열> --- # Preference Log ## 2026-04-30T17:48:00.000Z — ctas-never-uppercase ```omd-meta id: pref_lqxk2_a3f9c1d4 timestamp: 2026-04-30T17:48:00.000Z scope: components.button signal: user-statement confidence: explicit status: pending source_agent: claude-code source_context: "src/components/Button.tsx" ``` CTAs are never uppercase
사용자 발화를 한 문장 영문으로 요약 (예: "앞으로 CTA 대문자 쓰지마" → `CTAs are never uppercase`).
note 내용에서 다음 매핑 우선순위 사용:
| 매칭 키워드 (정규식, case-i) | scope | |---|---| | `\b(buttons?\|ctas?\|btns?)\b` | `components.button` | | `\b(cards?)\b` | `components.card` | | `\b(dialogs?\|modals?)\b` | `components.dialog` | | `\b(inputs?\|fields?\|forms?)\b` | `components.input` | | `\b(nav\|navigation\|headers?\|menus?)\b` | `components.navigation` | | `\b(badges?\|chips?\|pills?\|tags?)\b` | `components.badge` | | `\b(tables?\|rows?\|cells?)\b` | `components.table` | | `\b(dropdowns?\|selects?\|comboboxes?)\b` | `components.dropdown` | | `\b(toasts?\|notifications?\|snackbars?)\b` | `components.toast` | | `\b(tabs?)\b` | `components.tabs` | | `\b(colors?\|palette\|hex\|hue\|saturation\|shades?\|tints?\|gradients?)\b` | `color` | | `\b(font\|typography\|typeface\|weight\|leading\|tracking\|letter-?spacing)\b` | `typography` | | `\b(spacing\|gap\|padding\|margin\|grid)\b` | `spacing` | | `\b(voice\|tone\|copy\|microcopy\|wording\|language)\b` | `voice` | | `\b(motion\|animation\|transition\|easing\|duration)\b` | `motion` | | `\b(layout\|structure\|hierarchy)\b` | `layout` | | `\b(theme\|aesthetic\|vibe\|mood\|look\|feel)\b` | `visualTheme` | | (어느 것도 매칭 X) | `visualTheme` |
사용자가 명시적으로 scope를 지정했으면 그대로 사용.
형식: `pref_<base36 timestamp>_<8 hex chars>`. Bash로 한 줄:
node -e "console.log('pref_' + Date.now().toString(36) + '_' + require('crypto').randomBytes(4).toString('hex'))"node -e "console.log(process.argv[1].toLowerCase().replace(/[^a-z0-9]+/g,'-').replace(/^-+|-+$/g,'').slice(0,40) || 'entry')" "<note>"
heading: `<ISO timestamp> — <slug>`
1. `Read .omd/preferences.md` — 없으면 frontmatter+header부터 만든다:
--- schema: omd.preferences/v1 design_md_hash_at_creation: --- # Preference Log
2. 새 엔트리 블록을 **파일 끝에 append** (Edit 툴, old_string은 마지막 라인, new_string은 마지막 라인 + 빈 줄 + 새 엔트리). 또는 Write로 전체 재작성. 3. 메타 필드:
간결한 한 줄: `Logged ${id} to .omd/preferences.md (scope: ${scope})`
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…