diagram-design
diagram-design is Agent skill that outputs diagrams as one HTML+SVG file, onboarded to your brand's colors and fonts.. It is ranked #384 on the Design Radar, in Design-to-code, first seen 30 days ago and shared in 6 posts (161.8k views).
What diagram-design says about itself
Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder, and Pi. 45 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop. - cathrynlavery/diag...
GitHub - cathrynlavery/diagram-design: Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder, and Pi. 45 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop. · GitHub Skip to content Navigation Menu Sign in Appearance settings Search / Sign in Sign up Appearance settings You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert {{ message }} Repository navigation diagram-design Public Sponsor…
What people said about diagram-design on X
10 GitHub repos to turn you into a design/motion studio. 550K+ stars total 1. impeccable (85K stars) Anti AI-slop design skill with 62 rule-based checks https://github.com/pbakaus/impeccable 2. UI UX Pro Max (139K) Generates a full design system (pattern, palette, type) from a project brief.…
— @AmirMushich, 15 days ago · 1.4k likes · see the post
Converts plain English prompts into self-contained HTML + SVG diagrams compatible with Cursor, Claude Code, and GitHub Copilot. https://github.com/cathrynlavery/diagram-design
— @tom_doerr, 17 days ago · 361 likes · see the post
用 10 个 GitHub 项目，搭起一个小型 AI 设计工作室：impeccable、UI UX Pro Max 和 Penpot 打磨界面与设计规范，Blender MCP、img2threejs 构建 3D 模型和场景，Remotion、HyperFrames 等工具制作动效与宣传视频，diagram-design 绘制符合品牌风格的图表。借助设计规则、MCP 和 Agent 技能，把这些环节串起来，让一个人也能完成更多视觉创作。 相关项目： - impeccable: https://github.com/pbakaus/impeccable - UI UX Pro Max:…
— @lencx_, 15 days ago · 42 likes · see the post
Alternatives to diagram-design
- Wonder — We made a simple comparison so you can see the differences yourself!
- web.dev — Web performance and best practices
- hallmark — Open-source AI design skill
- skills — Skills for Designers and Engineers. Contribute to emilkowalski/skills development by creating an account on GitHub.
- CSS-Tricks — CSS-Tricks is where folks around the world come to learn about front-end code and everything related to it, including…
- Taste Skill — Taste Skill gives your AI agent good taste. Open-source skill files that stop AI from generating generic, boring…
diagram-design in numbers
- Rank on the Design Radar: #384 of 2644
- Shared in 6 posts by 6 accounts: @AmirMushich, @tom_doerr, @lencx_, @stretchcloud
- 161.8k views on those posts
- First seen 30 days ago, last shared 15 days ago
- Pricing seen by AGK Intelligence: open source
- Market: Design-to-code
FAQ
What is diagram-design?
Agent skill that outputs diagrams as one HTML+SVG file, onboarded to your brand's colors and fonts. It was first shared on X 30 days ago and is ranked #384 on the Design Radar.
Is diagram-design free?
It is open source.
Who shared diagram-design?
6 accounts on X, including @AmirMushich, @tom_doerr, @lencx_, in 6 posts totalling 161.8k views.
Every post is read and classified by AGK Intelligence: what it is, which market it belongs to, and whether the link is a real tool. 13.9k posts from 5k X accounts over the last 21 days, 2.6k tools, 17 markets. New posts are collected several times an hour and the full ranking is recomputed every hour — last update 2026-11-08 17:53 UTC. Full method.