Diagram
Diagram Design
Forty-five static diagram types, each a self-contained HTML file: architecture, flowcharts, sequence, Gantt, Sankey — editorial layout, ready to embed.
What you get
- 45 diagram types, each a self-contained HTML file
- Imports from .drawio, Mermaid, and Excalidraw
- Site brand colors and fonts applied automatically
Good for
- An article needs one figure that explains the structure
- You have a drawio or Mermaid draft to beautify
- You want one consistent editorial diagram style
Not a fit
- You need an interactive cutaway. Use anatomy
- You need a cover image. Use cover_image_gen
- You need UI screens. Use frontend-design
About this skill
You
Draw an AI agent system architecture diagram: four layers, site brand colors, self-contained HTML output.
How to use
- Choose Copy skill and hand it to your agent.
- Name the diagram type and the structure to show.
- Paste a Mermaid/drawio draft if you have one, or describe it.