• Picks
  • Discover
  • Alternatives
  • About

© 2026 Willet

  • Newsletter
  • About
  • FAQ
  • Terms
  • Privacy & Cookies
Join the Discord (opens in a new tab)
Cathryn Lavery avatar

Diagram Design

Agent skill that draws branded diagrams as standalone HTML and SVG files

  • Agent skills and plugins
  • Design and creative
View on GitHub
Website

What it is

An agent skill for Claude Code, Codex, Cursor, GitHub Copilot and other Agent Skills hosts that turns plain-language requests into finished diagrams. It covers dozens of types, from architecture and sequence diagrams to quadrants, and writes each one as a single HTML file with inline SVG. It can pull a site's palette and fonts so diagrams match a brand, import from draw.io, Mermaid or Excalidraw, and export to PNG or SVG. Developers and writers who want clean, presentable diagrams from their coding agent without hand-tuning Mermaid output are the intended users.

Images

Facts

Stars
58,831 GitHub stars.
58,831

Forks
3,782
Commits
367
Contributors
57
Language
HTML
License
MIT
Last commit
Oct 20, 2026
On GitHub since
April 2026
Platforms
CLI
Self-hostable
No
Alternative to
Lucidchart
Author
Cathryn Lavery
Tags
  • agent-skills
  • diagrams
  • agent-plugins
  • data-visualization

Last synced from GitHub on Oct 20, 2026

The 10 best overlooked open-source projects, every Monday.

Share and more

Comments

No comments yet. Start the conversation.

Similar projects

  • tt-a1i avatar

    Archify

    Agent skill that turns ideas or codebases into interactive HTML diagrams

    86.2k

What people are saying

Updated Oct 20, 2026
  • Hacker NewsAn open-source diagram skill for designerSep 14, 2026 · 2 points · 0 comments (opens Hacker News in a new tab)
  • Bluesky“hn.watch - Hacker News, but every story is a video explainer - 45 free AI diagram types - Open-source AI reverse engineering motiq.dev - 86 free animated…”Oct 14, 2026 · 1 like · 0 replies (opens Bluesky in a new tab)
  • Bluesky“Diagram Design — Claude Code skill that draws 39 editorial diagram types as self-contained HTML/SVG. No Mermaid slop, brand-matches your site in 60s. 32.2k⭐”Sep 9, 2026 · 0 likes · 0 replies (opens Bluesky in a new tab)