diagram-design
Diagram Design is a skill that draws editorial diagrams as single HTML files for people using AI coding agents.
What it is good for
- Turning a written system description into an architecture diagram
- Making a quadrant chart to compare projects by impact and effort
- Drawing a sequence diagram of an API call flow
- Matching diagram colors and fonts to your own website
At a glance
- Who it is for
- Setup
- Adds to an AI app you already use
Level 2 of 5. Connects to Claude, ChatGPT, or a similar app you already have, usually through a settings screen.
- Cost
- Free and open source
- Type
- Skill or plugin
- Tasks
- Works with
- Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder
Momentum
- Rank this week
- #98
- Best rank
- #14 week 41, 2026
- Stars gained last week
- +3,080
- GitHub stars
- 64,194
GitHub numbers as of Nov 2, 2026. Updated weekly.
Ranking history
Official links
Setup steps are on the official pages. We do not repeat them here, since they change.
Questions
- Is diagram-design free?
- Yes. It is free and open source (MIT license).
- Do I need to know how to code to use diagram-design?
- No. Connects to Claude, ChatGPT, or a similar app you already have, usually through a settings screen.
- What does diagram-design work with?
- According to its own documentation, it works with Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, and Qoder.
- What is diagram-design good for?
- Turning a written system description into an architecture diagram, making a quadrant chart to compare projects by impact and effort, drawing a sequence diagram of an API call flow, and matching diagram colors and fonts to your own website.
Similar agents
- effective-html
Effective HTML is a set of skills that helps AI agents create self-contained HTML wireframes, prototypes, plans, and diagrams for designers and developers.
- AionUi
AionUi is a free, open-source desktop app that lets you run AI agents on your computer for file work, coding, and automated tasks.
- image-to-editable-ppt-skill
Image to Editable PPT Skill is a Codex skill that turns slide images, PDFs, and image-based PowerPoint files into editable decks for people who need to change text and layout.
- ResumeSkills
ResumeSkills is a set of skill files that teaches Claude Code to help with resume writing, ATS checks, and job search for job seekers.
- Archify
Archify is a skill that turns an idea, plan, or codebase into an interactive diagram for people who need to understand or share a system.
- PPT Master
PPT Master is a skill that turns documents or topics into editable PowerPoint decks for people who need slides fast.