Claude Code Skill Auto-Generates Branded Editorial Diagrams

tom_doerr · x · 2026-08-06

An open-source Claude Code skill called diagram-design is gaining traction, recently hitting nearly 3k stars. It reads your website to automatically map colors and fonts, rapidly generating 27 types of high-quality, brand-consistent diagrams like flowcharts and architecture charts.

The project aims to eliminate the generic, ugly 'rounded-box' look typical of AI-generated diagrams, allowing developers to create professional visuals directly within their coding workflow without tweaking colors in Figma.

Original post →

More from coding & agent

coding & agent channel →