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

Pipeline

Installs
99
GitHub Stars
278
First Seen
Mar 21, 2026
design-context-extract — yonatangross/orchestkit