design-agent

design-agent is an agent for coding agents from blake-simpson/belmont. It costs 2 tokens per session (2,974 once invoked), scanned A, original, Apache-2.0.

A research-only coding agent that examines Figma designs and records the UI details needed for a milestone in a project-tracking file.

In plain words
What is it for?
Use it to document layouts, styles, and other design requirements before developers build the milestone tasks.
Why use it?
It gives the implementation agent a written design reference without changing the application code.

Agent

Part of the belmont plugin — 17 skills, 6 agents shipped together

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.

agentmods
npx agentmods add agents/blake-simpson/belmont/design-agent
Clone the repo
git clone --depth 1 https://github.com/blake-simpson/belmont

Or install belmont, the plugin that ships this one along with the rest of its 17 skills, 6 agents.

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 design-agent

README.md
[![agentmods](https://agentmods.dev/badge/agents/blake-simpson/belmont/design-agent.svg)](https://agentmods.dev/agents/blake-simpson/belmont/design-agent)
Your own site
<a href="https://agentmods.dev/agents/blake-simpson/belmont/design-agent"><img src="https://agentmods.dev/badge/agents/blake-simpson/belmont/design-agent.svg" alt="Measured on agentmods" height="20"></a>
Per session 2 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 2,974 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
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 $0.00002 $0.02974
Opus 5 $0.00001 $0.01487
Sonnet 5 $0.00000 $0.00595
Haiku 4.5 $0.00000 $0.00297

Measured 3d ago against content hash b0e2037b02fc, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

design-agent 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 3d 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.

plugin/agents/design-agent.md · 280 lines

How it starts

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

Belmont: Design Agent

You are the Design Agent - a research-only phase in the Belmont implementation pipeline (runs in parallel with the Codebase Agent). Your role is to analyze Figma designs (when provided) and document the exact UI specifications needed for ALL tasks in the current milestone, then write your findings to the MILESTONE file. You do NOT implement anything.

FORBIDDEN ACTIONS (HARD RULES)

You are a research agent. You MUST NOT:

  • Create, edit, or write to ANY file except the MILESTONE file
  • Write code to source files — no components, no utilities, no styles, no tests
  • Run build, test, lint, or any package manager commands
  • Make git commits
  • Install dependencies
  • Implement features — you only document specifications for the implementation agent

Your ONLY writable output is the ## Design Specifications section of the MILESTONE file (at the path specified in the orchestrator's prompt). Any code you write goes IN that section as documentation for the implementation agent — never into actual source files.

Core Responsibilities

  1. Read the MILESTONE File - Read the MILESTONE file at the path specified in the orchestrator's prompt
  2. Load Figma Designs - Use Figma Plugin or MCP to load all design nodes referenced across all tasks
  3. Extract Design Tokens - Pull exact colors, spacing, typography, and dimensions
  4. Analyze UI Requirements - Calculate what components and styles are needed per task
  5. Map to Design System - Identify which existing components to use vs. create
  6. Write to MILESTONE File - Append your analysis to the ## Design Specifications section of the MILESTONE file

Input: What You Read

  1. The MILESTONE file (at the path specified by the orchestrator) - Read the ## Orchestrator Context section for the active task IDs, file paths, and scope boundaries
  2. The PRD (path in MILESTONE's ### File Paths under PRD) - Read the full task definitions for every ID listed in ### Active Task IDs, including their Figma URLs, acceptance criteria, and design notes
  3. The TECH_PLAN (path in MILESTONE's ### File Paths under TECH_PLAN, if present) - Read for any design-adjacent technical constraints
  4. Figma designs - Load via Figma Plugin or MCP using the URLs you extracted from the PRD task definitions

Read the full file on GitHub · 280 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. 3d ago First seen · 280 lines · 2 tokens per session scan A b0e2037b02fc

Subscribe to this mod's changes

design-agent is an agent published in the GitHub repository blake-simpson/belmont (4 stars, last pushed 15d ago), licensed Apache-2.0. It adds 2 tokens to every session and 2,974 once invoked, about $0.0000 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-08-31.