Extract reusable UI components, design tokens, and layout patterns into a design system.
npx skills add https://github.com/yahya-azeem/Pokedex --skill extract-yahya-azeem
Please help me install this Agent Skill. Skill: extract Source: https://github.com/yahya-azeem/Pokedex/tree/main/library/impeccable/skills/extract Command: npx skills add https://github.com/yahya-azeem/Pokedex --skill extract-yahya-azeem
This Skill helps you identify and consolidate repeated UI patterns, reusable components, and hard-coded styling values into a maintainable design system instead of letting duplicates and inconsistencies grow over time.
Use the extract skill to analyze your UI directory for repeated components and hard-coded styling values and propose a targeted extraction plan.
High-intent search queries and answers about installing and using this skill.
To extract design tokens from hard-coded styling values, this Skill detects repeated colors, spacing, and typography in your UI, normalizes them into a documented primitive vs semantic token hierarchy, and replaces existing usages with the shared tokens.
Refactoring repeated UI patterns involves analyzing your design system structure, selecting extraction candidates by reuse value, generating type-safe component APIs, migrating existing usages to shared versions, and updating component documentation like Storybook catalogs.
Yes, you can use this Skill to document design tokens and component conventions. It updates your design system documentation by generating token usage guidelines and accessible prop API definitions during the component extraction and migration workflow.
The best way to consolidate inconsistent UI variations is to detect repeated components, normalize hard-coded styling values into design tokens, create reusable components with accessible variants, and migrate existing usages to the shared library.
Extracting UI components requires an existing UI directory to analyze for repeated patterns and hard-coded styling values. The Skill evaluates your current design system structure to propose a targeted extraction plan based on component reuse value.
ugudladoExtract reusable UI components and design tokens into a centralized design system.
ProfPowellImport modular CSS custom properties for design systems.
14790897Audit component libraries for naming inconsistencies and missing documentation.
niiiusburoExtract reusable UI components and design tokens from a codebase.
