Extract reusable components, design tokens, and patterns into a design system.
npx skills add https://github.com/davidbasilefilho/skills --skill extract-davidbasilefilho
Please help me install this Agent Skill. Skill: extract Source: https://github.com/davidbasilefilho/skills/tree/main/skills/extract Command: npx skills add https://github.com/davidbasilefilho/skills --skill extract-davidbasilefilho
Extract and consolidate reusable components, design tokens, and patterns into your design system to reduce duplication and improve consistency across products.
Identify opportunities to extract reusable UI patterns and tokens, then implement them as shared design-system assets.
High-intent search queries and answers about installing and using this skill.
To extract reusable UI patterns, you identify repeated components, hard-coded values, and inconsistent variations across a codebase, then consolidate them into a unified design system with clear naming, variants, and documentation.
Consolidating design tokens and components requires identifying duplicated patterns, extracting them into shared assets with standardized naming, and providing migration guidance to update existing implementations and documentation across products.
Yes, you can migrate hard-coded values by identifying inconsistent variations across your codebase, extracting them into reusable design tokens, and replacing existing implementations with the shared component library versions.
A design token extraction plan identifies hard-coded values and repeated patterns in a UI codebase, defines a strategy to unify them into named tokens, and provides documentation and migration guidance for integrating the shared tokens into existing implementations.
No specific framework is required, but the extraction process expects explicit frontmatter with a name and description, a clear extraction plan for components and tokens, and migration guidance for integration and documentation.
riabtsevExtract reusable UI components and design tokens into a TypeScript design system.
AkaraChenExtract reusable components and design tokens into a design system.
Yoriichi-DangCodify design tokens, theming, and component APIs for scalable design systems.
alicanerdoganIdentify reusable UI patterns and design tokens for consolidation into a design system.
