Extract

Pull reusable patterns from the codebase into a design system. Identifies shared tokens, repeated components, and common patterns.

dragoon0x b06c04c 581 B Updated

File contents

/extract — Design System Extraction

Analyze the codebase for reusable patterns:

  1. Extract shared color values into tokens
  2. Identify repeated spacing values for the scale
  3. Find common typography patterns
  4. Detect repeated component structures
  5. Suggest a token file and component library structure

This is the reverse of /tokens — instead of generating a system, it discovers one from existing code.

dragoon0x/optik/tree/main/source/skills/extract commit b06c04c2d6

Frequently asked questions

npx skillmds@latest add dragoon0x/extract