design-system-analyzer

Features and purpose

Use when analyzing UI screenshots or designs to extract and document design system elements. Analyzes images to identify colors, typography, spacing, components, and patterns, then generates a structured design system with design tokens and CSS snippets. Ideal for reverse-engineering designs, creating style guides, or documenting existing UIs.

Quick start

Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.