Extract reusable UI components and design tokens from a codebase.
npx skills add https://github.com/niiiusburo/Tgroup --skill extract-niiiusburo
Please help me install this Agent Skill. Skill: extract Source: https://github.com/niiiusburo/Tgroup/tree/main/website/.agents/skills/extract Command: npx skills add https://github.com/niiiusburo/Tgroup --skill extract-niiiusburo
This Skill finds repeated UI patterns and hard-coded values that should become shared components or tokens, reducing duplication, inconsistency, and one-off implementations.
Use the extract skill on the target app or folder to identify repeated UI patterns and turn them into reusable design system components and tokens.
High-intent search queries and answers about installing and using this skill.
Design tokens standardize hard-coded visual values for spacing, color, typography, and shadows. The Skill identifies these repeated hard-coded values across your codebase and plans their consolidation into shared design tokens, reducing inconsistency and one-off implementations.
Yes, you can use it on any target app or folder that contains several similar implementations of the same UI behavior. It works by identifying repeated UI patterns and hard-coded visual values that should become shared components or tokens, regardless of the specific product context.
Use this refactoring approach when a product has several similar implementations of the same UI behavior and needs one consistent shared version. If your codebase suffers from duplication, inconsistency, and one-off visual implementations, extraction will consolidate them into a unified design system.
When extracting reusable UI patterns, the Skill identifies design tokens for spacing, color, typography, and shadows. It detects these hard-coded visual values across your codebase and plans their standardization to reduce visual inconsistency and consolidate shared design assets.
marpmeIdentify and extract reusable UI components and design tokens from codebases.
PiercingXXGenerate Refined design-system component rules with tokens, accessibility criteria, and QA checklists.
DigitalCreationsCoStructure design tokens, theming, and component APIs for scalable design systems.
nattergabrielIdentify reusable UI patterns, tokens, and components for design system consolidation.
