Agent skill

Omd Media

by kwakseongjae in 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…

MITAuto-check passedFrontend & Design

Install Omd Media

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

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

GitHub CLI
$ gh skill install kwakseongjae/oh-my-design omd-media --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-media .claude/skills/omd-media && 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-media
GitHub stars
533
Token cost
~1.1k tokens
SKILL.md length
533 words
Files
1
Skills in repo
18
Repo updated
First seen
Licence
MIT

At a glance

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…

  • Works in 4 steps: 프롬프트 팩 (채널 무관, 항상 만든다) → 채널 실행 (config media.image 순서대로, 실패 시 다음) → 원장 (필수) → …
  • Tasks that involve Image generation
  • SKILL.md covers 1. 프롬프트 팩 (채널 무관, 항상 만든다), 2. 채널 실행 (config media.image…, 3. 원장 (필수) and 4. 검증, plus 1 more section
  • Calls node, codex and gemini; needs XAI_API_KEY and OPENAI_API_KEY

What it does

Omd Media is an agent skill from 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, Gemini, xAI/Recraft/OpenAI keys) as recorded by omd:setup, with a provenance and cost ledger. No channel → prompt pack + manual queue, never stock. Trigger: '이미지 세트 만들어', '에셋 생성', 'generate assets', 'hero image', '아이콘 세트', 'OG 이미지'.

Its SKILL.md is about 1.1k 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 Frontend & Design, covering Image generation, Design tokens and Landing pages. It works with OpenAI and xAI Grok. 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 Image generation
  • Tasks that involve Design tokens
  • Tasks that involve Landing pages

Example prompts

  • “generate assets”
  • “hero image”
  • “OG 이미지”
  • “/omd-media”

Requirements

  • A credential in OPENAI_API_KEY
  • A credential in XAI_API_KEY

Workflow steps

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

  1. 프롬프트 팩 (채널 무관, 항상 만든다)
  2. 채널 실행 (config media.image 순서대로, 실패 시 다음)
  3. 원장 (필수)
  4. 검증

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
    • codex
    • gemini

    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 these keys or tokens, usually read from environment variables:

    • XAI_API_KEY
    • OPENAI_API_KEY

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

Context cost

Omd Media loads about 1.1k tokens when it runs. Until then it costs about 109 tokens; SKILL.md has 533 words of instructions outside code blocks.

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

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). 533 words, ~1,099 tokens.

Download SKILL.mdSave it as .claude/skills/omd-media/SKILL.md (or your agent's skills folder).
name
omd-media
description
Brand-consistent asset sets from DESIGN.md — hero, section illustrations, icon sets, OG image — generated through whichever channel the user actually has (grok build image_gen, Codex $imagegen, Gemini, xAI/Recraft/OpenAI keys) as recorded by omd:setup, with a provenance and cost ledger. No channel → prompt pack + manual queue, never stock. Trigger: '이미지 세트 만들어', '에셋 생성', 'generate assets', 'hero image', '아이콘 세트', 'OG 이미지'.
argument-hint
<set: hero|sections|icons|og|all> [--brand <id>|--design DESIGN.md] [--budget 1.00] [--channel grok-build|codex-imagegen|…]
user-invocable
true

omd:media — 브랜드 자산 세트, 가진 채널로

입력은 DESIGN.md(토큰·서사·금지)와 .omd/config.json(omd:setup이 저장한 채널·예산)이다. config가 없으면 먼저 omd:setup을 돌린다 — 채널을 추측하거나 "키를 발급받으라"고 말하지 않는다.

1. 프롬프트 팩 (채널 무관, 항상 만든다)

assets/generated/<set>/PROMPTS.md — 항목마다:

  • 역할(히어로 / 섹션 n / 아이콘 / OG) · 비율 · 크기
    • 비율은 기본값에서 고르지 말고 「그 이미지가 들어갈 자리」에서 가져온다. 레이아웃 슬롯의 실제 종횡비를 재고(렌더가 있으면 그 박스, 없으면 설계 폭÷높이), 브랜드 증거가 있으면 그 브랜드 이미지의 관행 비율과 맞춘다. 히어로 16:9·OG 1.91:1·아이콘 1:1은 자리를 못 잰 경우의 최후 기본값이지 출발점이 아니다.
    • 근거: T3-3 레인 A 108칸에서 **생성 이미지의 비율이 브랜드 이미지 관행에서 10% 넘게 벗어난 칸이 60%**였고, 근거 추종 축의 기계 수치는 세 도구 모두 40 이하였다(omd 33.8 · hallmark 34.6 · uiuxpromax 35.9). 페이지 안에서 잘려 나가는 비율은 p90 0.37로 오히려 완만했다 — 문제는 배치가 아니라 생성 시점에 고른 비율이다.
  • 프롬프트 원문: 컨셉 한 문장 + 피사체 + 구도 + 빛·질감 + 팔레트 hex 잠금(DESIGN.md 토큰 인용 경로) + 금지(얼굴·로고·텍스트·스톡 느낌)
  • 스타일 참조: assets/_reference/ 캡처가 있으면 경로(Recraft style_id 생성 입력)
  • 랜딩이면 storyboard.md의 섹션별 에셋 계획을 그대로 읽는다(중복 작성 금지).

2. 채널 실행 (config media.image 순서대로, 실패 시 다음)

2.0 세트는 배치로 — openai-batch (OPENAI_API_KEY 가 있을 때 기본)

12~40장 세트는 낱장 호출이 아니라 OpenAI Batch API 로 한 번에 넣는다(출력 토큰 50% 할인, 공식 확인). 도구: node test-v2/tools/image-batch.mjs run --spec <set.json> --out <dir> — plan 은 오프라인이라 키 없이도 JSONL 과 비용 구조를 미리 볼 수 있다. 스펙의 styleSuffix 는 모든 프롬프트 끝에 토씨 그대로 붙는다 (우리 채널에는 시드가 없어 세트 일관성은 이것과 참조 이미지뿐이다). 참조 이미지가 있는 슬롯은 /v1/images/edits 배치로 자동 분리된다(최대 16장). 결과는 images/<id>.png + results.json(sha256·usage) + ledger.json(비용). size 는 슬롯 실측 비율에서 고른다 — 허용 목록·제약은 도구가 검증한다.

채널호출산출
grok-buildgrok --prompt-file <p> -m grok-4.6 --always-approve --cwd <run> — 프롬프트는 "image_gen으로 생성해 <path>로 cp" 지시jpg/png
codex-imagegencodex exec "<prompt>… save to <path>" ($imagegen, ChatGPT 로그인)png
gemini-nanobananagemini -p + nanobanana 확장(/generate)png
xai-apiPOST /v1/images/generations (grok-imagine-image-2.0) — env XAI_API_KEYjpg
recraft-apistyle 생성(참조 1–10장 → style_id, 레퍼런스별 1회) → svg 생성svg
없음프롬프트 팩 + assets/generated/QUEUE.md(사람이 돌릴 목록) + 팔레트 추상 SVG 플레이스홀더—

grok-build 호출은 이 형태다(도그푸딩 2026-09-02에서 실패한 자유 조립 대신):

bash
cat > "$RUN/media-hero.prompt" <<'EOF'
image_gen 도구로 아래 프롬프트의 이미지를 1장 만들고, 결과 파일을 현재 디렉터리 기준 `assets/generated/hero/hero.jpg`에 저장(다른 곳에 저장됐으면 `cp`로 옮긴다).
마지막 줄에 저장한 파일의 절대 경로를 출력해라.
프롬프트: <PROMPTS.md의 원문>
EOF
grok --prompt-file "$RUN/media-hero.prompt" -m grok-4.6 --always-approve --cwd "$RUN" --output-format json > "$RUN/media-hero.out.json"
# 비용은 응답 JSON의 total_cost_usd, 세션은 sessionId — 원장에 그대로 적는다

아이콘 세트는 Recraft가 없으면 인라인 SVG로 직접 그린다(24px 그리드, 1.5px 스트로크, DESIGN.md 색) — 이모지·아이콘 폰트 금지. 얼굴 사진·로고 생성 금지(로고는 다운로드만). 스톡 CDN 금지.

Show full SKILL.md (180 more words)Show less

3. 원장 (필수)

assets/generated/LEDGER.md 표: 파일 · 역할 · 채널 · 모델 · 프롬프트 sha256 · 비용(USD, 추정이면 표시) · 생성 시각 · 재시도 · 라이선스/출처. budgetUsdPerSet(기본 $1)를 넘기면 멈추고 남은 항목을 QUEUE로 돌린다. 기존 ## Used Assets 표(omd-asset-fetch)와 같은 파일에 합친다.

4. 검증

  • 가로세로비가 프롬프트 팩과 맞는지(sips -g pixelWidth -g pixelHeight(macOS) / file / identify; sharp는 설치본에 없다) — 픽셀 크기는 채널이 정한다(grok image_gen은 1280×720 고정)이므로 원장에 채널 상한을 적을 뿐 재생성 사유가 아니다. 비율이 어긋나면 1회 재생성.
  • 팔레트 근접(상위 6빈 ΔE)은 레포에서만 test-v2/tools/verify.mjs로 잰다 — 설치본에는 대응 명령이 없으므로 육안 검수 + 원장 기록으로 갈음.
  • 브랜드 이미지 성격 대조(브랜드 증거가 있을 때). verify.mjs가 쓰는 허용 오차를 그대로 목표로 삼는다: 비율 상대오차 ≤ 0.10 · 평균 휘도 차 ≤ 0.20 · 다이내믹 레인지 차 ≤ 0.20 (둘 다 0–1 척도) · 팔레트 거리 ≤ 25. 벗어나면 프롬프트의 빛·대비·팔레트 문구를 고쳐 한 번 다시 생성하고, 두 번째도 벗어나면 그 사실을 원장에 적는다 — 통과한 척하지 않는다. 브랜드 증거가 없으면 이 항목은 「측정 불가」로 원장에 남긴다(생략이 아니라 기록).
  • 랜딩이면 node test-v2/tools/landing-integrity.mjs(설치본: omd check landing) LI-18~20(비디오 속성·스톡 호스트)이 통과해야 한다.

하드 룰

발급·결제 지시 금지 · 키 값 기록 금지 · DESIGN.md에 없는 색을 프롬프트에 넣지 않는다 · 생성물은 항상 "unofficial generated"로 표시할 수 있게 원장에 남긴다.

© 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-media of kwakseongjae/oh-my-design.

Open the folder on GitHubat commit c0ec438

Compare with similar skills

Omd Media 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 Media compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Omd Media this skillkwakseongjae/oh-my-design533—~1.1kAutomated safety check: PassMIT
Imagegennexu-io/open-design100k—~300Automated safety check: PassApache-2.0
Unified Design Routerassafkip/kipi-system112—~2.9kAutomated safety check: PassMIT
Ky Design To HTMLKyrieCheungYep/ky-design-to-html-skill163—~2.8kAutomated safety check: PassNone
Xiaohongshu Cover GeneratorVivixiao980/xhs-cover-skill204—~2.9kAutomated safety check: PassNone
Cover Anchor Systemponyodong2026/ponyo-cover-anchor-system190—~1.1kAutomated safety check: PassNone

Similar skills

  • Imagegen

    nexu-io/open-design

    Generate and edit images using OpenAI's Image API for project assets — UI mockups, icons, illustrations, social cards, and visual references.

    100k GitHub stars~300 tokensUpdated yesterday
    Media & CreativeAuto-check passed
  • Unified Design Router

    assafkip/kipi-system

    Routes visual design requests to built-in logo, corporate identity, slide, banner, social photo and icon workflows, backed by style data and AI image generation.

    112 GitHub stars~2.9k tokensUpdated yesterday
    Frontend & DesignAuto-check passed
  • Ky Design To HTML

    KyrieCheungYep/ky-design-to-html-skill

    Convert visible UI references such as screenshots, exported mockups, Figma frame images, SaaS empty states, dashboards, and landing page screenshots into high-quality HTML/CSS by decomposing layout…

    163 GitHub stars~2.8k tokensUpdated 4 mo ago
    Frontend & DesignAuto-check passed
  • Xiaohongshu Cover Generator

    Vivixiao980/xhs-cover-skill

    Creates and edits Xiaohongshu (RedNote) cover images from a portrait photo and text, using GPT Image 2 first and a Gemini CLI script as fallback.

    204 GitHub stars~2.9k tokensUpdated 4 mo ago
    Media & CreativeAuto-check passed
  • Cover Anchor System

    ponyodong2026/ponyo-cover-anchor-system

    Designs Xiaohongshu and WeChat article covers around information density and a visual anchor, then writes a complete image prompt, color plan and critique.

    190 GitHub stars~1.1k tokensUpdated 3 mo ago
    Media & CreativeAuto-check passed
  • Design Master

    minhnv0807/ai-business-skills

    Handles eight kinds of marketing visual requests, from logos and campaign key visuals to infographics and quote graphics, by generating images or writing paste-ready prompts.

    609 GitHub stars~4.6k tokensUpdated 29 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.

    533 GitHub starsUsed in 1 repo~4.9k tokens
    Auto-check passed
  • Claude Design

    kwakseongjae/oh-my-design

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

    533 GitHub stars~4.8k tokensUpdated 10 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.

    533 GitHub stars~2.1k tokensUpdated 10 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.

    533 GitHub stars~9k tokensUpdated 10 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.

    533 GitHub stars~2.3k tokensUpdated 10 days ago
    Auto-check passed
  • Omd Setup

    kwakseongjae/oh-my-design

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

    533 GitHub stars~724 tokensUpdated 10 days ago
    Auto-check passed

Works with

Questions about Omd Media

What does Omd Media do?

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…. Omd Media is an agent skill from kwakseongjae/oh-my-design.md — hero, section illustrations, icon sets, OG image — generated through whichever channel the user actually has (grok build imagegen, Codex $imagegen, Gemini, xAI/Recraft/OpenAI keys) as recorded by omd:setup, with a provenance and cost ledger.

When should I use Omd Media?

Omd Media fits situations like: tasks that involve Image generation; tasks that involve Design tokens; tasks that involve Landing pages.

How do I install Omd Media in Claude Code?

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

How do I install Omd Media in Codex?

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

Can I use Omd Media 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-media -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-media, .gemini/skills/omd-media, .github/skills/omd-media and .opencode/skills/omd-media in your project.

What does Omd Media need to run?

Going by SKILL.md and its folder, Omd Media needs the command-line tools its instructions call (node, codex and gemini) and credentials named XAI_API_KEY and OPENAI_API_KEY. Our summary lists: A credential in OPENAI_API_KEY; A credential in XAI_API_KEY.

Does Omd Media 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 Media 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 Media use?

Omd Media 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 Media use?

About 1.1k tokens (SKILL.md is roughly 4.4k 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 Media?

Skills that share tags, products or a category with Omd Media: Imagegen (nexu-io/open-design, 100k stars), Unified Design Router (assafkip/kipi-system, 112 stars), Ky Design To HTML (KyrieCheungYep/ky-design-to-html-skill, 163 stars) and Xiaohongshu Cover Generator (Vivixiao980/xhs-cover-skill, 204 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Omd Media?

kwakseongjae (a GitHub user) maintains it in kwakseongjae/oh-my-design, which has 533 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.