Describe Design

What it is

This skill helps you document the visual design system of a website or application. Point it at a design or codebase, and it'll analyze and describe the typography choices, color palettes, layout patterns, and overall aesthetic vibe. The output is a clean markdown document that captures the design language for team alignment, brand guidelines, or design handoff.

What it does

• Analyzes website or app designs to identify typography systems and font choices
• Documents color palettes and how colors are used across components
• Describes layout patterns, spacing, and visual hierarchy
• Captures the overall design vibe and aesthetic direction
• Produces markdown documentation with visual references

Use it when

• You're creating brand guidelines or a design system document
• You need to hand off design specifications to a team or contractor
• You're reverse-engineering a competitor's visual language for inspiration
• You want to audit design consistency across your product