Three GitHub AI Skills for One‑Line Diagram Generation (Flowcharts, Architecture, Excalidraw)

fireworks‑tech‑graph

Skill converts a natural‑language description into an SVG diagram and then exports a high‑resolution PNG. It supports 14 chart types, including the full UML family and AI/Agent templates, and offers 7 visual styles such as dark‑terminal, tech line‑art, and hand‑drawn.

Installation requires a single command and a system dependency for SVG‑to‑PNG conversion:

npx skills add yizhiyanhua-ai/fireworks-tech-graph

brew install librsvg

After installation, a prompt like “draw a RAG pipeline in dark terminal style” returns a ready‑to‑use PNG within seconds.

Repository:

https://github.com/yizhiyanhua-ai/fireworks-tech-graph

architecture‑diagram‑generator

Skill outputs a standalone HTML file that embeds the generated SVG, allowing direct viewing in any browser without additional tools. The default output uses a dark theme and JetBrains Mono font, providing a professional appearance out of the box.

Compatible with Claude.ai (upload via Settings → Capabilities → Skills) and Claude Code (place the skill file in ~/.claude/skills/).

npx skills add Cocoon-AI/architecture-diagram-generator

Repository:

https://github.com/Cocoon-AI/architecture-diagram-generator

excalidraw‑diagram‑generator

Skill generates a .excalidraw JSON file that can be dragged onto https://excalidraw.com for further manual editing. It supports nine diagram types: flowchart, relationship, mind map, architecture, data‑flow, swimlane, class, sequence, and ER diagram. UML relationship lines are distinguished into inheritance, implementation, association, dependency, aggregation, and composition. Cloud‑architecture icons from AWS, GCP, and Azure are included.

npx skills add github/awesome-copilot/skills/excalidraw-diagram-generator

Repository:

https://github.com/github/awesome-copilot/tree/main/skills/excalidraw-diagram-generator

Comparison

fireworks‑tech‑graph : AI‑generated SVG → PNG, 14 chart types, style selectable via prompt.

architecture‑diagram‑generator : Produces a single HTML file with embedded SVG, ideal for sharing static diagrams.

excalidraw‑diagram‑generator : Outputs editable Excalidraw JSON, enabling post‑generation modifications.

All three skills are installable with a single npx skills add … command and work with both Claude.ai and Claude Code.