Design Extractor

Extract design tokens from existing project code and generate standard DESIGN.md files.

Overview

This skill analyzes your project's CSS, SCSS, Vue, and other style files to:

• Extract color palettes with usage statistics
• Identify typography systems (fonts, sizes, weights)
• Catalog spacing values (padding, margin, gaps)
• Document visual effects (borders, shadows)
• Compare with awesome-design-md brands

Trigger Conditions