Skip to content
E

extract

Identify and extract reusable components, design tokens

by pbakausFree

Launch
#1037in AI Skills
0In stores

Description

extract is an agent skill from the impeccable design project that finds repeated UI patterns in a codebase and moves them into a design syst…

Highlights

  • Finds repeated components and hard-coded values
  • Plans component APIs, token hierarchies and naming
  • Learns the existing design system's conventions first
  • Asks before creating a design system that does not exist

Ratings & Reviews

No ratings yet

Be the first to rate extract.

People also visit

U

understand-figma

Analyze a Figma file via the Figma REST API

AI Skills
Launch
N

normalize

Analyze and redesign features to match your design system standards

AI Skills
Launch
T

tailwind-design-system

Build production-ready design systems

AI Skills
Launch
D

design-system

Generate a design system from an existing codebase or audit one

AI Skills
Launch
D

design-system

Token architecture, component specifications, and slide generation

AI Skills
Launch
R

reference-design-contract

Turn vague taste, screenshots, URLs, product notes

AI Skills
Launch

extract FAQ

What does extract produce?

A plan and changes that move repeated components, design tokens and patterns into the design system for reuse.

What if the project has no design system?

The skill asks before creating one and wants to understand the preferred location and structure first.

Does it need another skill first?

Yes. It requires the /impeccable skill and its Context Gathering Protocol.

How do I install it?

Run npx skills add https://github.com/pbakaus/impeccable --skill extract.

Which security audits does it have?

On skills.sh, Gen Agent Trust Hub, Socket and Snyk all pass.

What are the best extract alternatives?

Popular alternatives to extract include understand-figma, normalize and tailwind-design-system. See all extract alternatives

Developer Stuff

Badges