Scan codebases to extract reusable UI components and design tokens.
npx skills add https://github.com/adperem/adperem.github.io --skill extract-adperem
Please help me install this Agent Skill. Skill: extract Source: https://github.com/adperem/adperem.github.io/tree/main/.agents/skills/extract Command: npx skills add https://github.com/adperem/adperem.github.io --skill extract-adperem
This Skill helps teams identify and consolidate reusable UI patterns, design tokens, and components into a unified design system, reducing duplication and enabling scalable growth.
Provide a target area (e.g., a UI repository) and run the extraction workflow to consolidate reusable patterns and tokens into the design system.
High-intent search queries and answers about installing and using this skill.
To consolidate reusable UI components and design tokens, you scan codebases to locate repeated UI patterns and token gaps, then extract them into a unified design system. This process requires a source of truth, such as a component library or design token set, to reduce duplication.
Identifying repeated UI patterns involves scanning a target UI repository to detect variations, such as multiple button styles, and deriving a single shared component. This pattern discovery mechanism highlights structural inconsistencies and token gaps across your projects.
Planning a migration to replace ad hoc UI implementations involves generating a structured migration plan alongside the extracted shared resources. This plan details the steps to substitute local variants with unified components and design tokens across all affected projects.
Yes, you need an existing component library or design token set to serve as a source of truth before extracting reusable patterns. Establishing this baseline is required to validate consistency and properly map ad hoc implementations during the extraction workflow.
Validation for design system consistency works by running checks against your source of truth after extracting UI components. These validation checks ensure that the newly consolidated components and tokens correctly replace ad hoc implementations without losing structural integrity.
daymadeConsolidate redundant documentation files into a single source of truth.
AkaraChenExtract reusable UI patterns, components, and design tokens from design systems.
HAR5HA-7663Identify reusable UI patterns and generate a design system extraction plan.
kubermaticAnalyze codebases to identify reusable UI patterns and generate consolidation plans.
