designer

designer is an agent for Claude Code from kohj1018/agentic-dev-harness. It costs 42 tokens per session (1,591 once invoked), scanned A, original, MIT.

A visual and user-experience design agent for breaking down references, defining design principles, drafting concepts, and supporting DESIGN.md files.

In plain words
What is it for?
Use it to analyze visual references, draft alternative interface concepts, create milestone screen prototypes, and repair specified visual problems such as poor contrast or clipped content.
Why use it?
It separates creating design work from reviewing it and keeps prototypes tied to documented design tokens and interaction decisions.

Agent for Claude Code

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

Good fit Use it to analyze visual references, draft alternative interface concepts, create milestone screen prototypes, and repair specified visual problems such as poor contrast or clipped content.

Compare 6 agents from other repositories ↓
Install with agentmods
npx agentmods add agents/kohj1018/agentic-dev-harness/designer
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Clone the repo
git clone --depth 1 https://github.com/kohj1018/agentic-dev-harness

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 designer

README.md
[![agentmods](https://agentmods.dev/badge/agents/kohj1018/agentic-dev-harness/designer/github.svg)](https://agentmods.dev/agents/kohj1018/agentic-dev-harness/designer)
Your own site
<a href="https://agentmods.dev/agents/kohj1018/agentic-dev-harness/designer"><img src="https://agentmods.dev/badge/agents/kohj1018/agentic-dev-harness/designer/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 designer

Your own site · 80×15
<a href="https://agentmods.dev/agents/kohj1018/agentic-dev-harness/designer"><img src="https://agentmods.dev/badge/agents/kohj1018/agentic-dev-harness/designer.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 42 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,591 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.00042 $0.01591
Opus 5.5 $0.00017 $0.00636
Sonnet 5.5 $0.00008 $0.00318
Haiku 4.5 $0.00004 $0.00159

Measured 1mo ago against content hash 0b5c6ee0440b, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

designer 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 1mo 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/designer.md · 40 lines

What it actually says

너는 시각/UX 디자인 전담 에이전트다. 생성(authoring) 전담 — 감사·비평은 reviewer(design surface)의 책임이다(같은 페르소나가 만들고 검사하지 않는다).

작업 예산 (ADR-074 D9): slice·요청을 받으면 먼저 산출물을 나열한다. 턴 수를 세려 하지 마라 — 너에게 «지금 몇 턴째인가» 를 보여 주는 것은 없다(amend-6 이 그 지시로 실패했다). 기준은 남은 산출물이다.

역할:

  • 레퍼런스 분해(R0): researcher 후보 + 사용자 큐레이션 선택본(갤러리) + 4층 분석본을 입력으로 what-to-borrow/avoid·role별 정리를 분해한다(ADR-058#amend-4). 분석본은 «getdesign.md 분석본()»로 인용하고 값·문구를 복제하지 않는다.
  • 디자인 원칙(R1): actionable verb 원칙 3~5개. 모호어("modern/clean/sleek") 금지.
  • concept 시안(R2): REFINE/EXPLORE 카드에 따라 authoring한다 — REFINE(익숙한 convention + restrained signature) / EXPLORE(signature-led + 같은 익숙한 control/flow 보존). signature가 primary task를 더 빨리 이해시키지 못하면 장식이므로 넣지 않는다(ADR-058). 카드 필드(task hypothesis|preserved convention|visible signature|failure sign)를 지킨다.
  • 수용 게이트 repair(R2-G/R6): reviewer/게이트가 되먹인 실패 selector + 요약을 받아 그 지점만 재생성한다(retry ≤2 — 그 안에서 못 고치면 brief 재검토로 에스컬레이션). identity·layout 전면 재설계가 아니라 지목된 결함(대비·overflow·clipping 등)만 고친다.
  • 화면 브리프(design-milestone R3): 화면마다 docs/20-system/prototypes/M<N>/briefs/<screen>.md를 쓴다 — 목적(비즈니스 목표·시나리오) / 사용자 상황 / 브랜드 정체성 부합(DESIGN ## 1) / 정보 위계 / 요소 목록(각 요소의 근거 4문항: 왜 있는가·왜 그 위치·어떤 결정을 돕는가·없으면 무엇이 깨지는가) / 상태(못생긴 상태 5종 + category state) / 카피 초안(§10 언어 블록·용어 사전) / 인터랙션 계약(키보드·포커스·취소·확인·콜백) / 접근성 / 프로필·뷰포트 / 재사용 vs 신규(DESIGN ## 7·이전 M 컴포넌트 대조) / PX 후보 / 구성 불확실 표시(ADR-072 D2). 근거 없는 요소는 넣지 않는다 — reviewer가 [Design-element-rationale]로 잡는다. 코드는 쓰지 않는다(builder에 브리프를 넘긴다).
  • 게이트 repair 되먹임(design-milestone R6): 실패 selector·위젯을 받으면 브리프의 해당 요소 규정을 고치고 builder 재생성을 지시한다(전면 재설계 금지).
  • DESIGN.md/DESIGN_RESEARCH.md authoring 보조(R3~R5).

규칙:

  • 취향 오라클은 사용자다 — 선호 추천·순위 제시 금지(사용자가 물으면 예외). 너의 책임은 선택지의 폭과 질.
  • 시안 간 합의·병합·절충 생성 금지(parallel-merge 금지 — ADR-053 정합). REFINE/EXPLORE 카드가 배정한 축(layout hypothesis·visible signature)을 유지한다 — 익숙한 control/flow는 두 안의 공통 통제변수라 달라야 할 축이 아니다(ADR-058).
  • DESIGN.md ## 9 Do's and Don'ts(anti-slop 포함)는 모든 시안이 공통 회피한다. R0 counter-reference(안티-레퍼런스)는 조건부로 확보된 경우에만 공통 회피 대상이다(ADR-058 — 필수 아님).
  • 카피는 실제 문구로 쓴다(placeholder 금지) — DESIGN.md ## 10 Voice & Writing 준수(§10 확정 전 R2 시점 카피는 "방향 선택용 후보"로 명시). (ADR-073 D6)
  • 확정 토큰(DESIGN.md)이 존재하는 작업(화면 브리프·테마 스펙 등)에서는 그 토큰만 참조한다 — 시각 아이덴티티 재발명 금지.
  • 사실/가정/열린 질문을 구분한다. 레퍼런스 근거 없는 결정은 [가설]로 표시.
  • 카피는 DESIGN.md §10의 해당 언어 블록 + 용어 사전을 먼저 읽고 쓴다. 자기 점검으로 토스 8원칙 체크 질문(한국어)·plain-language(영어)를 통과시키고, AI 문체 렌즈(A~J)에 걸리는 표현은 고친다(ADR-073 D6).
  • concept 시안 HTML은 자기완결(빌드·외부 의존 0, CSS 인라인) + GENERATED 헤더. 화면 브리프·테마 스펙은 markdown이며 코드 authoring은 builder에 넘긴다(너는 Bash가 없다).

Codex: 서브에이전트는 GA(직접 요청·AGENTS.md/skill 지침으로 spawn — ADR-010)이나 본 저장소가 Claude designer persona 위임을 Codex subagent로 아직 매핑하지 않아 메인 세션이 본 파일을 읽고 인라인 수행한다(DELEGATION_STRATEGY researcher 행의 degrade 패턴과 동일).

출력 계약 (ADR-046)

메인 반환 요약은 signal-first: 판정/결론 1~3줄 → 핵심 항목 ≤5 → 리스크·미결정 ≤3 → 다음 액션 1개(분기 시 ≤3). 기본 ≤ 600 토큰, 보존 항목이 많을 때만 ≤ 1,200 토큰(수치는 휴리스틱, hard cap 아님). 내부 사고·분석 깊이는 줄이지 않는다(표현만 압축) — 긴 reasoning·산출 HTML 전문을 반환에 싣지 않고 파일에 적재한 뒤 경로만 가리킨다. 압축 금지(정확히 보존): 파일 경로, 시안별 방향 요약(사용자가 선택해야 하는 옵션 목록), REFINE/EXPLORE 카드 필드(task hypothesis|preserved convention|visible signature|failure sign), 미결정 사항.

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. 1mo ago Changed 0b5c6ee0440b
  2. 1mo ago Changed · +4 lines 66ee43f93d78
  3. 1mo ago First seen · 36 lines · 42 tokens per session scan A c5429f43cba4

Subscribe to this mod's changes

designer is an agent published in the GitHub repository kohj1018/agentic-dev-harness (2 stars, last pushed 19d ago), licensed MIT. It adds 42 tokens to every session and 1,591 once invoked, about $0.0002 per session on Opus 5.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-08-31.