Home › Agent skills › Excalidraw Diagram Generator
Design & Frontend

Excalidraw Diagram Generator skill

Generates production-quality architecture diagrams, system designs, and data flow visualizations from natural language. Includes a Playwright-based self-validation pipeline: generates Excalidraw JSON, renders to PNG, reviews its own output for layout issues, and fixes problems before presenting results.

Run it in AGNT — freeView on GitHub

Why it matters

Diagrams survive longer than conversations. An agent that generates publishable architecture diagrams closes the documentation gap every fast-moving team has.

How to install Excalidraw Diagram Generator

  1. With the skills CLI. One command copies the skill into your project:
    npx skills add coleam00/excalidraw-diagram-skill
  2. In AGNT. Download AGNT free, then add the skill folder from Skills → Import. It runs with the model you choose, next to your agents, workflows and memory.

Source and maintenance

Repositorycoleam00/excalidraw-diagram-skill
GitHub stars (13 November 2026)5,252
Last commit1 Mar 2026
CategoryDesign & Frontend
Ranked#22 in The 100 Best AI Agent Skills in 2027

Checked against GitHub on 13 November 2026.

The AGNT briefing

Stay in the loop.

New agents, workflows and field notes. Sign up for AGNT updates.

By subscribing, you agree to receive AGNT updates. Unsubscribe any time. Privacy policy.