diagram-design drops editorial diagrams for Claude Code
diagram-design is an editorial graphic design skill for Claude Code that enables AI agents to generate high-quality, self-contained HTML and SVG diagrams. With 13 built-in structural types and brand-aware color onboarding, it replaces generic "AI-slop" with professional, accessible visual assets for technical documentation and strategy.
diagram-design marks a shift from functional "AI-generated slop" to professional, brand-aware editorial design for technical documentation. It supports 13 structural types with a strict 4px grid system and extracts brand palettes from URLs in seconds for visual consistency. The skill outputs pure HTML/SVG files with built-in accessibility checks and uses a progressive disclosure architecture to minimize context window usage.
DISCOVERED
3h ago
2026-04-21
PUBLISHED
3h ago
2026-04-21
RELEVANCE
AUTHOR
Github Awesome