Apply Anthropic brand colors and typography to artifacts
Diagram Design
Skill39 editorial HTML/SVG diagram types for Claude Code and Codex
Clone or download it from github.com, then drop the folder into ~/.claude/skills/ (Claude Code) or your agent's skills directory.
Product badge
Share this product's name and rating in your README or on your website.
Updates may be delayed by image caching.
About Diagram Design
Editorial diagram Agent Skill with 39 visual types — architecture, sequence, Sankey, Wardley, kanban, user journey, UML class, and more — as self-contained HTML/SVG. No Mermaid slop, no Figma required.
Reads your site brand, keeps static HTML as the default, and can redraw draw.io, Mermaid, or Excalidraw sources at a chosen format and density.
No reviews yet
Used it? Write the first review.
Similar skills
Bootstrap modern WinUI 3 desktop apps with Windows App SDK
Map Figma design components to code with Code Connect
Create a blank Figma Design or FigJam file via MCP
Build Figma screens from code using design-system tokens
Mandatory prerequisite skill before every use_figma MCP call