design-context-extract
Installation
SKILL.md
Design Context Extract
Extract the "Design DNA" from existing applications — colors, typography, spacing, and component patterns — and output as structured tokens.
design-context-extract /tmp/screenshot.png # From screenshot
design-context-extract /tmp/recording.mp4 # From screen recording (motion spec)
design-context-extract https://example.com # From live URL
design-context-extract current project # Scan project's existing styles