Images
Diagram from a description
Turn a description into a clean, legible diagram — drawn in code, not generated.
Use this skill in a chatOpens a new chat with it attached.
What it asks you for
- What to drawrequired
- The system, flow, or relationship.
- Style
- Visual treatment.
What it tells the AI to do
The full instructions, exactly as they run.
Draw a diagram of:
{{ description }}
Style: {{ style | default("clean") }}.
**Never use an image-generation model for this.** Diffusion models cannot render
legible text or precise connectors, and a diagram whose labels are gibberish is
worse than no diagram. This is the single most common failure on this request.
Instead: author SVG (or HTML) with real text, render it to PNG headlessly on a
computer, and deliver both the PNG and the source so the user can edit it.
Mermaid is a good intermediate when the shape is a standard flow/sequence graph.
Check before delivering: every label readable, no crossed edges where a reroute
would avoid it, and a legend when more than one node type appears.
## Delivery
Write the finished artifact into Drive. Never upload a user's content to a
third-party file host (`0x0.st`, `catbox.moe`, `transfer.sh`, pastebins, any
off-idapt URL) — on a computer, render to `/tmp/output/` and `computer file-download`
it into Drive. If you catch yourself reaching for `curl -F`, stop: you already
hold the artifact.- diagram
- chart
- illustration
More images skills
Run it on your own work
idapt gives this skill your files, 200+ models, and a real computer to work on. Start a chat and it is already attached.
Use Diagram from a description