1
The agent prompt
Paste one prompt into Claude Code, Codex or Cursor. It installs the skill, learns your brand from your website and draws a first diagram.
Free guide · Diagram Design 2.6.91
Make clean diagrams in your brand with your AI agent, in 5 minutes
Diagram Design is a free skill that makes your AI agent draw clean, editorial diagrams as one HTML file, in your own colors and fonts. This guide installs it with one command and gets your first diagram out of a single sentence.
- A ready prompt that lets your coding agent install the skill and draw your first diagram
- The one install command for Claude Code, Codex, Cursor and other agents
- 5 steps with screenshots, from install to brand colors and PNG export
- What it costs and fixes for the snags people hit
A look inside
What's inside
2
Your brand in 60 seconds
How the skill pulls colors and fonts from your site so every diagram after that matches it.
3
Redraw old diagrams
How to point it at a draw.io, Mermaid or Excalidraw file and get a clean version for your deck.
🔒 Full guide after signupGood to know
Questions, answered
Is this guide free?
Yes. You sign up with your email once and get this guide plus every other guide in the library.
Is Diagram Design really free?
Yes. The skill is open source under the MIT license. You only pay for the AI agent or model you already use to run it.
Does it send my diagrams anywhere?
The skill has no server, no accounts, no analytics and no telemetry. Your prompt goes to your own agent's provider as usual. A finished diagram loads its fonts from Google Fonts when you open it, unless you ask for system fonts.
What happens after I enter my email?
We send a confirmation email. Click the link and the full guide opens. You also get the ai-toolfinder newsletter every Friday and can unsubscribe anytime.