Cathryn Lavery writes about an editorial diagram design system built as a Claude Code skill for producing branded visuals instantly. The tool automatically extracts colors and typography from any website URL, enabling users to generate twenty-seven distinct types of diagrams that match their brand identity without needing external software like Figma or complex build steps.
- Offers minimal light, minimal dark, and full-editorial visual variants.
- Includes automated WCAG AA contrast verification for color tokens.
- Supports direct export to SVG (with embedded fonts) and PNG formats.
- Offers minimal light, minimal dark, and full-editorial visual variants.
- Includes automated WCAG AA contrast verification for color tokens.
- Supports direct export to SVG (with embedded fonts) and PNG formats.
