Extract reusable UI patterns, components, and design tokens from design systems.
npx skills add https://github.com/AkaraChen/aghub --skill extract-akarachen
Please help me install this Agent Skill. Skill: extract Source: https://github.com/AkaraChen/aghub/tree/main/.agents/skills/extract Command: npx skills add https://github.com/AkaraChen/aghub --skill extract-akarachen
Consolidate reusable UI patterns, components, and design tokens into a cohesive design system, reducing duplication and ensuring consistency across products.
Identify an existing design system and start extracting reusable components and tokens for shared use.
High-intent search queries and answers about installing and using this skill.
Extract reusable UI patterns by analyzing your target design library to identify components and design tokens, then establishing clear naming conventions and a token taxonomy to consolidate them for shared cross-team use.
Design system consolidation is the process of merging reusable UI patterns, components, and design tokens into a cohesive library. You need it to reduce duplication and ensure UI consistency across multiple product areas.
Plan a migration by defining a clear token taxonomy and naming conventions, then creating a structured migration path to systematically replace bespoke implementations with shared primitives across projects.
Yes, you can extract design tokens to enrich and document a shared component library. This supports cross-team reuse by applying clear naming conventions and a structured token taxonomy across projects.
The best way to document shared components and tokens is to enrich them during extraction with a clear token taxonomy and naming conventions, ensuring the consolidated design system supports cross-team reuse.
aegnticDesign minimalist frontend interfaces and manage reusable UI components.
tienchinh21Coordinate parallel workers executing feature plans with dependency handling.
Higashi-KotaBuild accessible React UI components with design tokens and ARIA patterns.
sarimofficialDesigns, implements and optimizes Next.js 16+ apps with TypeScript, Tailwind CSS and App Router.
