Extract reusable design tokens, components, and patterns into a design system.
npx skills add https://github.com/raphaelmans/agent-skills --skill extract-raphaelmans
Please help me install this Agent Skill. Skill: extract Source: https://github.com/raphaelmans/agent-skills/tree/main/extract Command: npx skills add https://github.com/raphaelmans/agent-skills --skill extract-raphaelmans
Identify and consolidate patterns, components, and design tokens into a cohesive design system to enable systematic reuse across projects.
Identify reusable patterns, components, and design tokens in the target area and consolidate them into the design system for systematic reuse.
High-intent search queries and answers about installing and using this skill.
Consolidate design tokens by auditing your UI catalog to identify repeated values and component variations. The extraction process defines token semantics, naming conventions, and migration steps to unify these assets into a centralized, reusable design system library.
Audit a component library by analyzing its contents to surface repeated UI patterns and component variations. This identifies consolidation opportunities and generates an extraction plan with naming conventions and migration steps to centralize reusable assets into the design system.
Create a migration plan by defining an extraction strategy that covers component naming, token semantics, and step-by-step migration actions. This documents usage guidelines and unifies reusable patterns into a cohesive design system for systematic reuse across projects.
Consolidate design tokens and components when repeated UI patterns and token values appear across multiple projects. Centralizing these assets into a unified library enables systematic reuse and establishes clear governance over the design system.
Yes, this approach defines naming conventions for a token inventory by establishing token semantics and component naming rules. It documents usage guidelines to ensure consistent governance across the consolidated design system.
ft-frankExtract reusable UI components, design tokens, and patterns into a design system.
Bloodrey41Identify reusable UI patterns and consolidate them into design system components and tokens.
yckkkkExtract reusable components, design tokens, and patterns into a shared design system.
kubermaticAnalyze codebases to identify reusable UI patterns and generate consolidation plans.
