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
Installs
3
First Seen
Feb 20, 2026