ui-extractor
Installation
SKILL.md
UI Extractor
Extract implementation specs, design systems, and component catalogs from any UI source.
What It Does
Input: A URL, screen recording, or authenticated browser tab Output: Implementation spec with components, design tokens, user flows, and Figma export
Use Cases
- Reverse engineer a competitor's UI → Get their exact colors, typography, spacing, components
- Document an existing app → Auto-generate component inventory and design tokens
- Match a reference design → Compare your app against a target and get prioritized changes
- Extract from authenticated sites → Analyze internal dashboards, Figma files, or logged-in apps
Supported Inputs
Related skills