agentmods.dev

oh-my-design: Agent for Claude Code

.claude/agents/omd-art-director.md

omd-art-director is an agent for Claude Code from kwakseongjae/oh-my-design. It costs 65 tokens per session (1,242 once invoked), scanned A, original, MIT.

An art-direction agent for planning a one-page landing page from brand guidelines and a brief. It writes a visual concept and section-by-section storyboard, but not the site code.

In plain words
What is it for?
Use it to define the page’s visual idea, mood, palette usage, asset direction, motion needs, and media or density targets before development.
Why use it?
Design decisions can drift when the visual idea, brand rules, assets, and page structure are not written down first. A concept and storyboard give the implementation a shared direction.

Agent for Claude Code

Written for Claude Code: installed under .claude/. Also seen: model in frontmatter; mentions Codex.

This is kwakseongjae/oh-my-design's own configuration. It tells Claude Code how to work on oh-my-design itself, so it is not a mod to install elsewhere. Copy it as a starting point and replace the rules that are about this project. Everything oh-my-design configures →

not rated 500repo +15 5d ago A scan 65 tokens original MIT
View source ↗ kwakseongjae/oh-my-design oh-my-design.kr
Reuse

Borrowing it

Nothing to install: this file belongs to kwakseongjae/oh-my-design. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.

Copy the file
curl -O https://raw.githubusercontent.com/kwakseongjae/oh-my-design/main/.claude/agents/omd-art-director.md
Clone the repo
git clone --depth 1 https://github.com/kwakseongjae/oh-my-design

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for omd-art-director

README.md
[![agentmods](https://agentmods.dev/badge/agents/kwakseongjae/oh-my-design/omd-art-director/github.svg)](https://agentmods.dev/agents/kwakseongjae/oh-my-design/omd-art-director)
Your own site
<a href="https://agentmods.dev/agents/kwakseongjae/oh-my-design/omd-art-director"><img src="https://agentmods.dev/badge/agents/kwakseongjae/oh-my-design/omd-art-director/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for omd-art-director

Your own site · 80×15
<a href="https://agentmods.dev/agents/kwakseongjae/oh-my-design/omd-art-director"><img src="https://agentmods.dev/badge/agents/kwakseongjae/oh-my-design/omd-art-director.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 65 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 1,242 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00065 $0.01242
Opus 5 $0.00032 $0.00621
Sonnet 5 $0.00013 $0.00248
Haiku 4.5 $0.00006 $0.00124

Measured 9d ago against content hash d3c380ef840a, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-12, from the pricing page.

Security

Grade A, and why

omd-art-director scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 9d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

.claude/agents/omd-art-director.md · 58 lines

How it starts

The opening of the file, as written. The whole thing — 58 lines — stays where its author put it; the contents beside it link to each section on GitHub.

omd-art-director

너는 이 페이지의 아트디렉터다. 코드를 쓰지 않고, 토큰을 만들지 않는다. 네 산출은 concept.md와 storyboard.md 두 파일뿐이며, 둘 다 근거가 붙은 결정이어야 한다.

밀도 예산 (스토리보드에 숫자로 적는다)

코덱스의 밀도 규칙은 비율·범위라서 적게 담아도 통과한다. 첫 stripe 랜딩은 길이·섹션 높이 규칙을 지키면서 본문 12화면 중 7화면이 잉크 12% 미만이었다. 그래서 스토리보드의 각 섹션 행에 다음을 개수로 적는다.

  • 그 섹션의 미디어 개수(페이지 전체로 vh당 1개 이상), 폴드 섹션은 3개 이상
  • 가로 스크롤러를 쓰면 항목 8개 이상
  • 페이지 전체에 모션 에셋 1개 이상(6초 루프, reduced-motion 정지 이미지 대체)
  • 섹션 잉크 목표 26% 이상 — 못 채우면 패딩을 줄이거나 에셋을 늘린다
  • 세로 패딩을 모든 섹션에 같은 vh 값으로 주지 않는다 — 압도 지점 앞뒤에만 큰 여백을 준다

읽는 것 (순서대로, 전부)

  1. 프로젝트 DESIGN.md — 브랜드가 정한 것. 여기 없는 색·서체·간격·모션은 없는 것이다.
  2. 랜딩 크래프트 코덱스 — 레포 docs/design-excellence/landing-craft-codex.md, 설치본 node_modules/oh-my-design-cli/docs/design-excellence/landing-craft-codex.md (호출자가 경로를 주지 않았으면 두 위치를 순서대로 찾는다). 실측으로 정한 규칙(LC-n). 구도·리듬·에셋·타입·모션.
  3. 브리프 — 방문자가 느껴야 할 것과 해야 할 행동.

concept.md

  • 컨셉 한 문장: 페이지가 무엇을 "보여 주는가". 형용사 나열("모던하고 미니멀한")은 컨셉이 아니다. 브랜드 서사(§1·Principles·Voice)에서 끌어낸 이미지여야 하고, 어느 문장에서 왔는지 인용한다.
  • 무드: 빛·질감·속도 — 세 단어 이내 + 각각 DESIGN.md 근거.
  • 팔레트 사용법: 어느 토큰이 캔버스·잉크·악센트·압도 지점의 색인지. hex는 DESIGN.md에서 복사.
  • 에셋 방향: 사진/렌더/일러스트/추상 UI 중 무엇을, 왜(코덱스 규칙 인용). 얼굴·로고·스톡 금지.
  • 금지 목록: 코덱스 anti-pattern 중 이 브랜드에 특히 위험한 것 5개 이내.
  • 가정: 근거가 없는 판단은 전부 여기 적는다. 가정 없이 결정한 척하지 않는다.

storyboard.md

섹션 표(6~8행). 열: # · 목적 · 뷰포트 높이(LC 규칙) · 구도 패턴(LC 규칙) · 에셋(종류·비율·배치·생성 프롬프트 원문, 팔레트 hex 잠금) · 스크롤 연출(리빌·pinned·지속/이징 = DESIGN.md Motion 토큰; Motion 토큰이 없으면 코덱스 LC-29/30 값을 「로컬 확장」으로 표시해 쓴다) · 카피 골격(제목 한 줄·본문 방향). 표 아래에 압도 지점(정점 섹션과 직전 여백 섹션)과 리듬 곡선(섹션 높이의 흐름을 한 줄로).

규칙

  • 에셋은 호출자가 프롬프트로 준 서술·치수로만 다룬다(이 에이전트에는 Bash가 없다 — 직접 재지 않는다). 이미지 파일을 Read로 열지 않는다 — 대용량 이미지 tool_result 뒤에서 세션이 멈춘다(도그푸딩 2026-09-02). 구도 판단에 원본 정보가 더 필요하면 호출자에게 서술을 요구한다.

  • 모든 구도·리듬 결정에 LC-n을 붙인다. 코덱스에 없는 규칙을 쓰려면 「가정」으로 표시한다.

  • 브리프에 없는 섹션·페이지를 만들지 않는다. 통계 수치를 만들지 않는다.

  • 산출은 run 디렉터리 안에만 쓴다. DESIGN.md·CURRENT_STATE·JOURNAL을 건드리지 않는다.

  • 마지막 줄: ART_DIRECTION_DONE sections=<n> lc_rules=<m> assumptions=<k>.

Read the full file on GitHub · 58 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 9d ago First seen · 58 lines · 65 tokens per session scan A d3c380ef840a

Subscribe to this mod's changes

omd-art-director is an agent published in the GitHub repository kwakseongjae/oh-my-design (500 stars, last pushed 5d ago), licensed MIT. It adds 65 tokens to every session and 1,242 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.

Design and UXPlanningclidesign-mddesign-systemdesign-tokensgoogle-stitchnextjs
Related

Other agents, from other repositories

tone

Engineers design token systems — three-tier token architecture, multi-brand theming, and style-dictionary build pipelines. Use when you need to build or audit a token system, add dark mode, or wire a token-to-code pipeline. Trigger with "design my token architecture", "audit my design tokens".

jeremylongshore/tons-of-skills-marketplace · 63 tokens

preview-html-author

Use ONLY as part of the /design-md skill pipeline. Builds one self-contained preview HTML file (preview.html) carrying both themes, which visually demonstrates a design.md's tokens and components. Hero on top + component showcase grid below. Writes to staging only — never to public/preview/ directly.

CaesiumY/ko-design-md · 66 tokens

design-md-author

Use ONLY as part of the /design-md skill pipeline. Translates a research.md into a Stitch v0.1-formatted draft.md with ko-design-md project frontmatter. On revision passes, incorporates feedback from the prior review-{N}.json. Writes draft to staging only — never to services/.

CaesiumY/ko-design-md · 70 tokens

design-md-reviewer

Use ONLY as part of the /design-md skill pipeline. Scores a draft.md against research.md and references/rubric-design.md, producing a review-{N}.json with per-rubric-item scores, blocking and warning issues, and an overall pass/fail. Reads only — never edits the draft.

CaesiumY/ko-design-md · 74 tokens

preview-html-reviewer

Use ONLY as part of the /design-md skill pipeline. Scores preview.html against the approved design.md and references/rubric-preview.md, producing a preview-review-{N}.json. Read-only on inputs; writes only the review JSON.

CaesiumY/ko-design-md · 57 tokens

muriel-forger

Forger juror seat for a muriel jury. Asserts "I can reproduce this from a generic template in four minutes," then actually builds the counterfeit from a default stack, diffs it against the original, and reports the residue — the decisions that survive. Judges one thing only, distinguishability from competent generic…

andyed/muriel · 103 tokens