extract-design-system

Installation
SKILL.md

Extract Design System

Use this skill when the user wants to reverse-engineer a public website's design primitives into project-local starter token files.

Before You Start

Ask for:

  • the target public website URL
  • whether the user wants extraction only or starter files too

Set expectations:

  • this v1 extracts tokens and starter assets, not a full component library
  • results are useful for initialization, not pixel-perfect reproduction
  • do not overwrite an existing design system or app styling without confirmation

Workflow

Related skills
Installs
95.0K
GitHub Stars
36
First Seen
Mar 22, 2026