extract
Analyzes UI patterns and hard-coded values to extract reusable components and tokens into a consistent design system.
Install
npx skills add https://github.com/pbakaus/impeccable --skill extractStats
| Total installs | 30,550 |
| Weekly installs | 30.4K |
| GitHub stars | 14.0K |
| First seen | Mar 4, 2026 |
| Source | @pbakaus/impeccable |
Summary
- Analyzes target areas to find repeated UI patterns, hard-coded values, and inconsistent variations worth systematizing
- Guides extraction planning including component APIs, token hierarchies, naming conventions, and migration strategies
- Emphasizes incremental growth: extract only patterns used 3+ times or with clear reuse potential, avoiding over-generalization
- Includes accessibility best practices (ARIA, keyboard navigation) and TypeScript documentation for extracted components
- Provides migration and documentation workflows to replace existing implementations and maintain design system consistency
Tags
typescriptcssfrontenddesign-systemarchitecturecode-qualitydocumentationbest-practicesmigrationagent-skill
Related skills
| Skill | Installs | vs extract |
|---|---|---|
| vercel-react-native-skills | 73,705 | +43,155 |
| audit-website | 39,426 | +8,876 |
| onboarding-cro | 25,785 | -4,765 |
| critique | 31,727 | +1,177 |
| next-best-practices | 46,545 | +15,995 |
FAQ
- How many installs does extract have?
- extract has 30,550 total installs and 30.4K installs this week.
- Where is extract hosted?
- extract is published by @pbakaus/impeccable at https://github.com/pbakaus/impeccable.
- How many GitHub stars does extract have?
- extract has 14.0K GitHub stars.
- When was extract first indexed?
- OrangeBot.AI first indexed extract on Mar 4, 2026.
- How do I install extract?
- Run: npx skills add https://github.com/pbakaus/impeccable --skill extract