Identify reusable UI patterns and consolidate them into design system components and tokens.
npx skills add https://github.com/Bloodrey41/dotfiles --skill extract-bloodrey41
Please help me install this Agent Skill. Skill: extract Source: https://github.com/Bloodrey41/dotfiles/tree/main/.claude/skills/extract Command: npx skills add https://github.com/Bloodrey41/dotfiles --skill extract-bloodrey41
Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. Use when the user asks to create components, refactor repeated UI patterns, build a design system, or extract tokens.
Provide a target area or design library name and I will identify reusable patterns and generate a plan to consolidate them into the design system.
High-intent search queries and answers about installing and using this skill.
To extract reusable UI patterns, analyze your target UI space to locate repeated visual structures and consolidate them into a design system. This process identifies opportunities for shared components, design tokens, and systematic reuse across your project.
The best way to consolidate repeated UI components is to analyze the target UI space for shared patterns and generate a migration plan. This plan replaces existing duplicate implementations with shared, canonical versions and documents the updated component library.
A migration plan for design tokens includes component extraction, token creation, naming conventions, and usage guidelines. It provides a structured approach to replace existing hard-coded implementations with shared, canonical versions systematically.
Yes, you can document naming conventions and usage guidelines for your design system during the consolidation process. The migration plan explicitly includes establishing these standards to ensure systematic reuse and maintainability across components and tokens.
xlsamaExtract reusable components and design tokens from code into a design system.
AkaraChenExtract reusable UI patterns, components, and design tokens from design systems.
AngelP17Standardize UI design with Tailwind-based design tokens and component patterns.
sandrasocialExtract reusable UI patterns, design tokens, and component templates into a centralized design system.
