cathrynlavery / diagram-design

TL;DR

A new Claude Code skill automates diagram creation by analyzing your website's design, producing 27 types of diagrams that match your brand in just 60 seconds. This eliminates the need for generic designs and lengthy customization processes.

✦ Why It Matters

Start using the Claude Code skill today to streamline your diagram creation process and maintain brand consistency.

Key Takeaways

Onboard the skill by providing your website URL.
Generate 27 types of diagrams tailored to your brand.
Export diagrams in SVG or PNG formats easily.
Utilize the skill to enhance project presentations with minimal effort.

How It Works

The skill analyzes a website's homepage to extract its dominant color palette and font stack. It then maps these values to specific roles in the diagrams, ensuring that each diagram reflects the brand's visual identity.

Users can customize the style guide manually if desired, and the skill checks for color contrast compliance to maintain readability.

cathrynlavery / diagram-design

BerriAI / litellm

tensorflow / tensorflow

open-webui / open-webui

Agentic data science with the Data Agent Kit

BerriAI / litellm

tensorflow / tensorflow

open-webui / open-webui

Agentic data science with the Data Agent Kit