Overview
Diagram Design turns a plain-language request into one HTML and SVG file across dozens of diagram types, and can match your site's palette and fonts.
What it does
- Dozens of diagram types
- One self-contained HTML and SVG file
- Matches your brand palette and fonts
- Plugin installs for Claude Code, Codex and Copilot
Capability source: Project documentation
Who Diagram Design fits
Teams that need clean diagrams for docs and decks without a design tool.
How you run it
Diagram Design runs on infrastructure you manage.
Documented deployment options: npx skills, Claude Code plugin, Codex plugin, GitHub Copilot plugin.
Before you choose it
The npx install does not follow marketplace updates. Use a plugin marketplace if you want automatic updates.
Self-hosting and deployment
- Self-hostable
- Yes
- Cloud / hosted offering
- Not recorded
- Docker noted in deployment tags
- Not recorded
- Deployment tags
- npx skills, Claude Code plugin, Codex plugin, GitHub Copilot plugin
- Difficulty
- Easy
Diagram Design questions
- What is Diagram Design?
- An agent skill that draws diagrams as one self-contained HTML and SVG file. It is listed under Agent skills on PickOpenSource.
- Is Diagram Design open source?
- Yes. Its source code is public on GitHub under the MIT license.
- Can you self-host Diagram Design?
- Yes. Listed deployment options: npx skills, Claude Code plugin, Codex plugin, GitHub Copilot plugin.
- Is Diagram Design free?
- Pricing is not recorded in this catalog. Check the official website for hosted plans and edition limits, and the MIT license for usage conditions. Self-hosting also requires infrastructure and maintenance.
- What are alternatives to Diagram Design?
- Similar agent skills projects include Superpowers, Skills by Matt Pocock, and Ponytail.
- Is Diagram Design actively maintained?
- The latest commit on GitHub was October 10, 2026, and the repository has 52k stars (up 2.4k since October 11, 2026).
Related projects
Other approved projects in Agent skills: Superpowers, Skills by Matt Pocock, Ponytail.
Superpowers
A software development method for coding agents, built from composable skills.- Stars
- 297,987
- Updated
- License
- MIT
- Hosting
- Self-hosted
- Category
- Agent Skills
Superpowers
Superpowers gives coding agents a working method: it turns a request into a spec you review, writes an implementation plan, then runs subagent-driven development with review of each task. Its skills trigger automatically once installed.Website GitHubSkills by Matt Pocock
Small, composable engineering skills from Matt Pocock's own agent setup.- Stars
- 286,949
- Updated
- License
- MIT
- Hosting
- Self-hosted
- Category
- Agent Skills
Skills by Matt Pocock
A set of engineering skills Matt Pocock uses daily, written to be small, easy to adapt and composable, and to work with any model instead of owning your whole process.Website GitHubPonytail
A skill that makes coding agents write the smallest change that solves the task.- Stars
- 161,519
- Updated
- License
- MIT
- Hosting
- Self-hosted
- Category
- Agent Skills
Ponytail
Ponytail is one skill prompt that pushes an agent to reuse existing code and native features before adding dependencies, while keeping validation, error handling, security and accessibility. It adds review and repository audit commands.Website GitHubMaintain Diagram Design? Add the README badge
[](https://pickopensource.site/project/diagram-design)
Claim this listing to edit its profile, add a screenshot, and see listing analytics.