Open-source diagram-design skill makes Claude draw flowcharts that actually look good
lxfater · x · 2026-10-09
Frustrated that Claude's diagrams always come out as plain rounded boxes, the author encoded color, typography, and layout requirements into an open-source skill called diagram-design — effectively a design manual for AI drawing.
Key points:
- Supports 42 diagram types including architecture, flowcharts, timelines, and Gantt charts; works with Claude Code and Codex.
- Can read your website and match its color scheme and fonts for consistent embedding.
- Re-renders existing Mermaid, Graphviz, and Excalidraw diagrams.
- Outputs HTML + SVG, viewable in browser and further editable by AI.
- Ships light, dark, and magazine styles.
More from coding & agent
- Redditor makes MV edited entirely by Claude calling Wan via OpenRouter, shares workflow repo — ChiefMustacheOfficer · 2026-10-09
- TinyFish first-party plugin lands in Nous Hermes: free web search, credit-gated browser — Teknium · 2026-10-09
- Browser game built with Opus 5.5 levels up combat, animations and music — BLUECOW009 · 2026-10-09
- AgentGarten trains agents in rendered code worlds, learning in 4 rounds vs millions for RL — MirroS-Lab · 2026-10-09
- OpenClaw ships multiplayer, memory & skills, voice meetings in big update — heyneighbor · 2026-10-09
- WorldBox spatial memory boosts Opus 5.5 Minecraft progress 133% and GPT-6 Astra 50% — Lianhuiq · 2026-10-09