Agent skill

Omd Setup

by kwakseongjae in kwakseongjae/oh-my-design

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

MITAuto-check passedMedia & Creative

Install Omd Setup

skills CLI
$ npx skills add kwakseongjae/oh-my-design --skill omd-setup -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install kwakseongjae/oh-my-design omd-setup --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/kwakseongjae/oh-my-design.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/omd-setup .claude/skills/omd-setup && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
omd-setup
GitHub stars
531
Token cost
~724 tokens
SKILL.md length
341 words
Files
1
Skills in repo
18
Repo updated
First seen
Licence
MIT

At a glance

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

  • Works in 5 steps: 감지 (기계) → 설명 (한 번에, 표로) → 문답 (한 배치, 최대 5문) → …
  • Tasks that involve AI video generation
  • SKILL.md covers 절차, 소비자 (이 설정을 읽는 스킬) and 하드 룰
  • Calls node

What it does

Omd Setup is an agent skill from kwakseongjae/oh-my-design. 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'.

Its SKILL.md is about 720 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Media & Creative, covering AI video generation. The repository describes itself as: 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… The licence is MIT.

When your agent uses it

  • Tasks that involve AI video generation

Example prompts

  • “omd setup”
  • “configure media”
  • “what can you generate”
  • “/omd-setup”

Workflow steps

5 steps, taken from the step headings in SKILL.md.

  1. 감지 (기계)
  2. 설명 (한 번에, 표로)
  3. 문답 (한 배치, 최대 5문)
  4. 저장
  5. 다음 행동 제안 (한 줄)

What it can do on your machine

Read from SKILL.md and the folder at commit c0ec438. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • node

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Omd Setup loads about 724 tokens when it runs. Until then it costs about 97 tokens; SKILL.md has 341 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~97
When it runs · the whole SKILL.md, loaded when a task matches
~724

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from kwakseongjae/oh-my-design at commit c0ec438, republished under its MIT licence (© kwakseongjae). 341 words, ~724 tokens.

Download SKILL.mdSave it as .claude/skills/omd-setup/SKILL.md (or your agent's skills folder).
name
omd-setup
description
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'.
argument-hint
[--redo] — 기존 설정을 무시하고 다시 문답
user-invocable
true

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

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

절차

1. 감지 (기계)
bash
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:

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 영상까지 냅니다."

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

  • omd:media / omd-codex-image — media.image[0]부터 시도, 실패 시 다음 채널, 전부 없으면 프롬프트 팩 + 큐.
  • omd:landing 3단계 에셋 — 같은 순서. budgetUsdPerSet 초과 시 중단하고 보고.
  • omd:showcase — ffmpeg 부재면 프레임 PNG만 남기고 안내.
  • omd doctor — .omd/config.json이 있으면 채널·예산 요약을 한 줄로 보여 준다.

하드 룰

  • 발급·결제·가입을 지시하지 않는다. 없는 채널은 "없음"으로 표시하고 대안(인라인 SVG·소싱·프롬프트 팩)을 제시한다.
  • 키 값·토큰을 파일·로그·대화에 쓰지 않는다.
  • 사용자가 고르기 전에는 아무 채널도 기본값으로 굳히지 않는다(무인 모드 제외, 그때도 기록).

© kwakseongjae, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in skills/omd-setup of kwakseongjae/oh-my-design.

Open the folder on GitHubat commit c0ec438

Compare with similar skills

Omd Setup next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Omd Setup compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Omd Setup this skillkwakseongjae/oh-my-design531—~724Automated safety check: PassMIT
Video Generationbytedance/deer-flow83k4 repos~1.4kAutomated safety check: PassMIT
Video Shotseternityspring/reelbench-skills8682 repos~1.8kAutomated safety check: NotesApache-2.0
Video Cover Imageitwanger/toBeBetterJavaer18k—~3.3kAutomated safety check: PassNone
Seedancesongguoxs/seedance-prompt-skill2.9k1 repos~2.5kAutomated safety check: PassNone
HyperFrames Video Entry Pointheygen-com/hyperframes59k3 repos~5.2kAutomated safety check: PassApache-2.0

Similar skills

  • Video Generation

    bytedance/deer-flow

    Generates short videos from a structured JSON prompt, optionally guided by a reference image used as the first or last frame.

    83k GitHub starsUsed in 4 repos~1.4k tokens
    Media & CreativeAuto-check passed
  • Video Shots

    eternityspring/reelbench-skills

    拉片:把一条成片拆成逐镜头的分析表——每个镜头的时长、景别、类别、运镜、画面. An agent skill from eternityspring/reelbench-skills.

    868 GitHub starsUsed in 2 repos~1.8k tokens
    Media & CreativeAuto-check: notes
  • Video Cover Image

    itwanger/toBeBetterJavaer

    Generate matched 3:4, 16:9, and 4:3 short-video cover images from toBeBetterJavaer video scripts or AI/Java technical topics.

    18k GitHub stars~3.3k tokensUpdated yesterday
    Media & CreativeAuto-check passed
  • Seedance

    songguoxs/seedance-prompt-skill

    This skill should be used when the user asks to "generate video prompts", "create Seedance prompts", "write video descriptions", mentions "Seedance", "seedance", "即梦", "即梦平台", "视频提示词", "视频生成"…

    2.9k GitHub starsUsed in 1 repo~2.5k tokens
    Media & CreativeAuto-check passed
  • HyperFrames Video Entry Point

    heygen-com/hyperframes

    Entry point for making, editing and rendering videos from HTML compositions with HyperFrames, routing each request to the right workflow.

    59k GitHub starsUsed in 3 repos~5.2k tokens
    Media & CreativeAuto-check passed
  • Lanshu Create AI Presenter Video

    cclank/lanshu-create-ai-presenter-video

    Turn a topic or finished script into a complete, publish-ready explainer video — led by an AI presenter from an authorized adult presenter image, or performed in one of nine visual explainer styles…

    2.5k GitHub stars~3.6k tokensUpdated 2 days ago
    Media & CreativeAuto-check passed

More from kwakseongjae/oh-my-design

All 18 skills in this repo
  • Ego Browser

    kwakseongjae/oh-my-design

    When you need a browser, read this Skill by default. An agent skill from kwakseongjae/oh-my-design.

    531 GitHub starsUsed in 2 repos~4.9k tokens
    Auto-check passed
  • Claude Design

    kwakseongjae/oh-my-design

    현재 코드베이스(또는 폴더)를 분석해 "디자인 컨텍스트 브리프"(스택/디자인 토큰/컴포넌트/ 라우트/실제 UI 카피/큐레이션된 에셋/레포 링크)를 합성하고, 그걸 Claude Design (claude.ai/design)에 자동으로 전달해 디자인을 생성한 뒤 결과 링크를 터미널에 클릭 가능한 형태로 돌려주는 스킬.

    531 GitHub stars~4.8k tokensUpdated 7 days ago
    Auto-check passed
  • Omd Aphrodite

    kwakseongjae/oh-my-design

    Maximum-craft one-page landing — the wow bar. An agent skill from kwakseongjae/oh-my-design.

    531 GitHub stars~2.1k tokensUpdated 7 days ago
    Auto-check passed
  • Omd Autopilot

    kwakseongjae/oh-my-design

    One-prompt autonomous product design and implementation. An agent skill from kwakseongjae/oh-my-design.

    531 GitHub stars~9k tokensUpdated 7 days ago
    Auto-check passed
  • Omd Landing

    kwakseongjae/oh-my-design

    Scroll-native one-page landing that overwhelms — concept, composition, asset placement, and scroll choreography derived from DESIGN.md and the measured landing-craft codex.

    531 GitHub stars~2.3k tokensUpdated 7 days ago
    Auto-check passed
  • Omd Media

    kwakseongjae/oh-my-design

    Brand-consistent asset sets from DESIGN.md — hero, section illustrations, icon sets, OG image — generated through whichever channel the user actually has (grok build imagegen, Codex $imagegen…

    531 GitHub stars~1.1k tokensUpdated 7 days ago
    Auto-check passed

Questions about Omd Setup

What does Omd Setup do?

Guided setup of the tools the design harness can use — image/video generation channels, browser, encoders. Omd Setup is an agent skill from kwakseongjae/oh-my-design. Guided setup of the tools the design harness can use — image/video generation channels, browser, encoders.

When should I use Omd Setup?

Omd Setup fits situations like: tasks that involve AI video generation.

How do I install Omd Setup in Claude Code?

Run `npx skills add kwakseongjae/oh-my-design --skill omd-setup -a claude-code`. Or copy the skill folder (skills/omd-setup in kwakseongjae/oh-my-design) into .claude/skills/omd-setup in your project. Claude Code loads it when a task matches its description.

How do I install Omd Setup in Codex?

Run `npx skills add kwakseongjae/oh-my-design --skill omd-setup -a codex`. Or copy the skill folder (skills/omd-setup in kwakseongjae/oh-my-design) into .agents/skills/omd-setup in your project. Codex loads it when a task matches its description.

Can I use Omd Setup in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add kwakseongjae/oh-my-design --skill omd-setup -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/omd-setup, .gemini/skills/omd-setup, .github/skills/omd-setup and .opencode/skills/omd-setup in your project.

What does Omd Setup need to run?

Going by SKILL.md and its folder, Omd Setup needs the command-line tools its instructions call (node).

Does Omd Setup access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Omd Setup safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Omd Setup use?

Omd Setup is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Omd Setup use?

About 724 tokens (SKILL.md is roughly 2.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Omd Setup?

Skills that share tags, products or a category with Omd Setup: Video Generation (bytedance/deer-flow, 83k stars), Video Shots (eternityspring/reelbench-skills, 868 stars), Video Cover Image (itwanger/toBeBetterJavaer, 18k stars) and Seedance (songguoxs/seedance-prompt-skill, 2.9k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Omd Setup?

kwakseongjae (a GitHub user) maintains it in kwakseongjae/oh-my-design, which has 531 GitHub stars. The repository holds 18 skills in this directory. The repository was last updated on October 1, 2026.

Source: kwakseongjae/oh-my-design on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.