An architecture diagram tool that maps a software system using C4 diagrams, which show systems at different levels of detail.

Use it to create context, container, or component diagrams for engineers, architects, or business audiences, with clickable SVG drill-downs.

It turns a description, service list, or README into a shared visual view, reducing confusion about system boundaries and relationships.

design — Command for Claude Code by vijayjoshi24/ea-agent-skills

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/vijayjoshi24/ea-agent-skills

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.

README.md

[![agentmods](https://agentmods.dev/badge/commands/vijayjoshi24/ea-agent-skills/design/github.svg)](https://agentmods.dev/commands/vijayjoshi24/ea-agent-skills/design)

Your own site

<a href="https://agentmods.dev/commands/vijayjoshi24/ea-agent-skills/design"><img src="https://agentmods.dev/badge/commands/vijayjoshi24/ea-agent-skills/design/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.

Your own site · 80×15

<a href="https://agentmods.dev/commands/vijayjoshi24/ea-agent-skills/design"><img src="https://agentmods.dev/badge/commands/vijayjoshi24/ea-agent-skills/design.svg" alt="Reviewed on agentmods" width="80" height="20"></a>

Per session 0 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.

When invoked 300 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.

Model	Per session	Once invoked
Fable 5.1	$0.00000	$0.00300
Opus 5.5	$0.00000	$0.00120
Sonnet 5.5	$0.00000	$0.00060
Haiku 4.5	$0.00000	$0.00030

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

Security

Grade A, and why

design 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 2mo 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/commands/design.md · 51 lines

What it actually says

/design

Model a system's architecture as a C4 diagram.

When to use

Describe a system, paste a list of services, share a README, or just say what you're building. The agent will extract the key elements and render the right C4 level for your audience.

What it produces

Context diagram (for business/executive audiences)
Container diagram (for architects and engineers)
Component diagram (for development teams)
Interactive SVG with clickable drill-down between levels

How to invoke

/design

Then describe your system in natural language. Examples:

/design
Our credit card platform has a React portal, a .NET API, Azure SQL, 
and integrates with Visa for payment processing and Azure AD for auth.

/design context
Show how our SaaS platform fits into the wider business ecosystem.

/design container
Zoom into the payment service — it has a REST API, a background worker, 
a Postgres database, and publishes to a Kafka topic.

Levels

Append a level hint to control zoom depth:

/design context — system boundary, users, external systems
/design container — deployable units inside the system
/design component — structural building blocks inside one container

Default (no level): agent starts at Context and offers to drill down.

Activates skill

skills/c4-diagram/

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.

2mo ago First seen · 51 lines · 0 tokens per session scan A 9ba74b6e5c05

Subscribe to this mod's changes

design is a command published in the GitHub repository vijayjoshi24/ea-agent-skills (5 stars, last pushed 6mo ago), licensed MIT. It costs nothing until one of its globs matches a file; then it loads 300 tokens. 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.

Analytics and metrics Databases

design next to 6 commands from other repositories
Mod	Type	Stars	Last push	Licence	Scan	Tokens	Works with
designvijayjoshi24/ea-agent-skills	Command	5	6mo ago	MIT	A	0	Claude Code
initfcakyon/claude-codex-settings	Command	1.2k	yesterday	Apache-2.0	A	0	Claude Code
securityajitpratap0/GoSQLX	Command	124	3d ago	Apache-2.0	A	21	Claude Code
database-setupimsaif/design-with-claude	Command	11	yesterday	MIT	A	36	Claude Code
new-migrationRaNDoM6913/claude-code-superkit	Command	3	today	MIT	A	22	Claude Code
json.batch_getstratalab/strata-core	Command	5	1mo ago	Apache-2.0	A	0	Claude Code
json.index.dropstratalab/strata-core	Command	5	1mo ago	Apache-2.0	A	0	Claude Code