Extract reusable UI patterns, components, and design tokens from codebases.
npx skills add https://github.com/Ikki-Group/erp --skill extract-ikki-group
Please help me install this Agent Skill. Skill: extract Source: https://github.com/Ikki-Group/erp/tree/main/.agents/skills/extract Command: npx skills add https://github.com/Ikki-Group/erp --skill extract-ikki-group
This skill helps teams identify repeated UI patterns, hard-coded values, and opportunities for tokens, then consolidate these findings into a cohesive design system to improve consistency and reduce duplication.
Identify a target area with reusable UI patterns and run the extraction plan to create shared components and tokens.
High-intent search queries and answers about installing and using this skill.
To extract reusable UI patterns, identify repeated components across projects, plan the migration, and consolidate them into a shared design system to reduce duplication and improve consistency across apps.
Consolidating hard-coded values into design tokens requires identifying repeated patterns in your codebase, establishing a token convention, and applying type-safe guidelines to standardize your multi-project UI libraries.
Planning a migration to shared components involves discovering reusable UI patterns, extracting tokens, and enforcing clear guardrails to replace old implementations consistently across multiple codebases.
Yes, you can standardize a design system across multiple projects by identifying repeated UI components, extracting hard-coded values into tokens, and enforcing type-safe guidelines for consistency across apps.
No, you do not need existing design tokens; the extraction process identifies hard-coded values and repeated UI patterns first, then establishes a token convention to consolidate them into a cohesive design system.
You should avoid extracting UI patterns if your project lacks repeated components or multi-project UI libraries, as the process targets consistency across apps and requires clear migration guardrails to be effective.
heyparth1Extracts reusable UI components and design tokens from source code into a unified system.
AkaraChenExtract reusable UI patterns, components, and design tokens from design systems.
TheBushidoCollectiveAutomate creation and publishing of custom ESLint rules and plugins.
veerababumanyamGenerate production-grade frontend interfaces with design-system tokens and reusable components.
