Open source
Diagram Design: Turn Plain Words Into Editorial Diagrams
Diagram Design is an open source agent skill that turns plain language into clean editorial diagrams as self contained HTML with inline SVG. It works with Claude Code, Codex, GitHub Copilot, and other hosts.
Watch on YouTube · Watch on TikTok
The story
What the video said
Diagram Design, an open source project, turns your plain words into clean editorial diagrams. It writes one web page file, so you don’t need a build step or a server.
You want a diagram that matches your brand and looks sharp in your docs, but most tools give you generic boxes with random colors that don’t fit.
Diagram Design is an open source agent skill for Claude Code, Codex, GitHub Copilot, and other hosts. It ships 44 diagram types, from flowcharts to waterfall charts.
You describe your system in plain words, and the agent picks a type, states a plan, then writes one HTML file. It uses a fixed design system with one accent color and no shadows.
The result is a clean waterfall chart titled Cloud budget bridge: FY25 to FY26, with labeled bars for headcount, reserved instances, ML workloads, and storage tiering, plus value callouts and a legend.
This page was generated from the Ming Dao AI publication record.
Ming Dao AI is independent and unaffiliated with GitHub or the featured project. Read our editorial policy.