extract

Identify reusable patterns, components, and tokens and consolidate them into a design system.

57.3k|3.5k|Updated Nov 16, 2025
One-click install
npx skills add https://github.com/pbakaus/impeccable --skill extract-pbakaus
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: extract
Source: https://github.com/pbakaus/impeccable/tree/main/source/skills/extract
Command: npx skills add https://github.com/pbakaus/impeccable --skill extract-pbakaus

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identify reusable patterns, components, and tokens, then consolidate them into the design system for systematic reuse.

Core Features & Use Cases

  • Discover: Analyze the target area to identify extraction opportunities and assess value.
  • Plan Extraction: Create a systematic extraction plan for components, tokens, variants, naming, and migration.
  • Extract & Enrich: Build reusable components, tokens, and patterns with accessibility and documentation.
  • Migrate: Replace existing uses with shared versions and validate outcomes.
  • Document: Update design system documentation and catalogs.

Quick Start

Identify a target area in your UI to extract reusable patterns and tokens, and begin the extraction plan.

Frequently Asked Questions about extract

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I identify reusable UI patterns for a design system?

Plan a systematic extraction of design tokens and components by defining naming conventions, mapping variants, and structuring migration steps to replace duplicated interface elements with shared library versions.

How do I migrate existing UI components to a shared component library?

Migrate existing UI components to a shared component library by replacing current implementations with shared versions, validating outcomes, and updating documentation catalogs to reflect the new design system architecture.

What steps are needed to extract and enrich design system tokens?

Extract and enrich design system tokens by building reusable components and patterns while embedding accessibility standards and documentation directly into the token definitions during the extraction process.

When should I audit a UI library for pattern extraction and consolidation?

Audit a UI library for pattern extraction when you need to consolidate duplicated interface elements, plan shared token migration, or establish systematic reuse across multiple application interfaces.

What is the best way to document extracted design system components?

Document extracted design system components by updating catalogs with naming conventions, accessibility guidelines, and usage patterns to ensure systematic reuse and maintainability of the consolidated UI library.