design-system-analyzer

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.

$ Instalar

git clone https://github.com/pastjean/dotfiles /tmp/dotfiles && cp -r /tmp/dotfiles/.claude/skills/design-system-analyzer ~/.claude/skills/dotfiles

// tip: Run this command in your terminal to install the skill