Extract reusable components, design tokens, and patterns into a shared design system.
npx skills add https://github.com/yckkkk/reo --skill extract-yckkkk
Please help me install this Agent Skill. Skill: extract Source: https://github.com/yckkkk/reo/tree/main/.agents/skills/extract Command: npx skills add https://github.com/yckkkk/reo --skill extract-yckkkk
This Skill helps identify and consolidate reusable components, design tokens, and patterns into your design system, reducing duplication and enriching consistency across projects.
Identify a target area in your design system and begin extracting reusable components to enrich your shared library.
High-intent search queries and answers about installing and using this skill.
To extract and consolidate reusable UI components into a design system, identify repeated patterns across projects and migrate them into a shared library using structured discovery, clear naming conventions, and safe refactoring practices to establish a single source of truth.
Identifying repeated design patterns and tokens across projects involves a structured discovery workflow that audits existing UI elements, extracts duplicated components and variables, and documents them systematically to reduce redundancy and enrich consistency.
Creating and documenting design tokens for systematic reuse requires extracting identified variables into the consolidated design system, establishing clear naming conventions and variants, and generating usage documentation to support future maintenance and safe refactoring.
Yes, you can use this extraction workflow to upgrade an existing component library by applying its structured migration process to safely refactor current components, update variants, and document changes while maintaining system consistency.
Extracting design system components requires no specific external dependencies or environments, as the workflow focuses on applying structured discovery, naming conventions, and documentation guidelines directly to your existing design and development projects.
effiemincerIdentify reusable UI patterns, components, and design tokens for consolidation into centralized systems.
Ameen-AlamApply curated themes from a markdown catalog to slides and documents.
Higashi-KotaBuild accessible React UI components with design tokens and ARIA patterns.
ebrahim-saniDetect candlestick patterns and generate composite bullish or bearish signals from OHLCV data.
