Skills

Omd Setup

Guided setup of the tools the design harness can use, image/video generation channels...

Install

npx skills add kwakseongjae/oh-my-design --skill omd-setup -g -a claude-code -y
Category
Design
Updated
3d ago
License
MIT
Context cost
Lightabout 602 tokens
Runs scripts
No, instructions only

What it does

Guided setup of the tools the design harness can use, image/video generation channels, browser, encoders. Detects what the user already has, explains pros/cons/costs, asks instead of instructing, and saves choices to .omd/config.json so every later design task reuses them. Trigger: 'omd setup', '도구 셋업', '이미지 생성 뭐 쓸 수 있어', 'configure media', '세팅해줘', 'what can you generate'.

omd:setup, 가진 것을 찾고, 고르게 하고, 기억한다

원칙 하나: "이거 발급받아라"고 하지 않는다. 이 머신과 계정에 이미 있는 채널을 찾아 보여 주고, 각 채널의 장단점·비용을 설명한 뒤, 사용자가 고른다. 고른 것은 .omd/config.json에 저장돼 이후의 디자인 작업(omd:landing, omd:media, omd:showcase, omd:autopilot)이 자동으로 쓴다. 키 값은 어디에도 기록하지 않는다, env 이름의 존재 여부만.

절차

1. 감지 (기계)

omd setup detect --json                     # 설치본(기본), 패키지 루트의 감지 스크립트를 실행한다
node scripts/omd-setup-detect.mjs --json    # 이 레포 안에서 개발할 때만

설치본이 기본 경로다. 결과의 channels[*].present가 사실이다. present: null(claude-in-chrome 등)은 세션의 도구 목록에서 직접 확인한다. 이미 .omd/config.json이 있고 --redo가 아니면 현재 설정을 보여 주고 바꿀지만 묻는다.

2. 설명 (한 번에, 표로)

감지된 채널만 표에 넣는다(없는 것은 "미보유" 한 줄로 접는다, 발급 안내 금지). 열: 채널 · 무엇을 만드나 · 장점 · 단점 · 비용(외부 발표치임을 명시) · 이 프로젝트에서 쓰는 곳. 예:

채널만드는 것장점단점비용쓰는 곳
grok build이미지·6초 영상로그인만으로 · 벤치 실사용SVG 없음구독landing 히어로·섹션 에셋
Codex $imagegen이미지키 없이 헤드리스, 참조 편집SVG 없음≈$0.03, 0.08/장media 래스터
RecraftSVG·style_id유일한 벡터, 브랜드 스타일 재사용유료 키SVG $0.088아이콘·일러스트 세트

3. 문답 (한 배치, 최대 5문)

AskUserQuestion 한 번에 묻는다:

  1. 래스터 이미지 1순위 채널(감지된 것 중), 권장은 첫 선택지.
  2. SVG·아이콘 세트: Recraft 보유 시 쓸지 / 없으면 인라인 SVG 생성으로 갈지.
  3. 영상: grok image_to_video / Veo / 안 씀.
  4. 브라우저: playwright(결정론) / claude-in-chrome(로그인 세션) / aside.
  5. 비용 상한: 작업당 자산 세트 예산(기본 $1). 무인 모드면 각 문항의 첫 선택지를 고르고 autoSelected로 기록한다.

4. 저장

.omd/config.json:

{
  "version": 1,
  "updatedAt": "<ISO8601>",
  "media": { "image": ["grok-build", "codex-imagegen"], "svg": "inline" , "video": "grok-build", "budgetUsdPerSet": 1 },
  "browser": "playwright",
  "detected": { "<channel>": { "present": true, "version": "…" } },
  "notes": "사용자가 고른 이유 한 줄"
}

.omd/preferences.md에 pending 한 줄을 남긴다: "도구 설정, <요약> (omd:setup, <날짜>)". 키 값은 쓰지 않는다.

5. 다음 행동 제안 (한 줄)

설정이 끝나면 지금 바로 해볼 수 있는 것 하나를 제안한다, 예: "omd:landing toss 로 원페이지를 만들면 grok build로 에셋 5장을 생성하고 showcase 영상까지 냅니다."

소비자 (이 설정을 읽는 스킬)

Read the whole SKILL.md on GitHub

More in Design