Extract reusable UI patterns, components, and design tokens into a shared design system.
npx skills add https://github.com/mahir-m01/dot_files --skill extract-mahir-m01
Please help me install this Agent Skill. Skill: extract Source: https://github.com/mahir-m01/dot_files/tree/main/opencode/skills/impeccable/extract Command: npx skills add https://github.com/mahir-m01/dot_files --skill extract-mahir-m01
Identify and consolidate reusable patterns, components, and design tokens, then extract and consolidate them into the design system for systematic reuse.
Identify reusable patterns, components, and tokens in your current UI codebase and consolidate them into the shared design system.
High-intent search queries and answers about installing and using this skill.
To extract design tokens from duplicated UI components, identify recurring patterns and consolidate them into a design system for systematic reuse across widgets, pages, and apps. This requires a documented extraction plan and clear naming conventions.
Systematizing a component library involves discovering recurring UI patterns, defining components to extract, and updating design system documentation to guide adoption, ensuring cross-project consistency and simplified maintenance across applications.
Pattern extraction for design tokens works by identifying reusable components and tokens that recur across projects, then consolidating them into the shared design system to enable systematic reuse and simplified maintenance.
Yes, consolidating design tokens requires a documented extraction plan, clear naming conventions, migration guidance, and updated design-system documentation to properly guide adoption and ensure systematic reuse across projects.
Yes, pattern extraction is applied to design-codebases with duplicated UI components and tokens, enabling you to identify opportunities to extract recurring patterns and consolidate them for cross-project consistency.
Extracting patterns requires updated design-system documentation and migration guidance to guide adoption, meaning the process is limited without proper planning, naming conventions, and a documented extraction plan to ensure systematic reuse.
samcannasExtract reusable UI components and design tokens into a unified design system.
duggal1Extract reusable UI components and design tokens into a unified design system.
kcc989Propagate design tokens and variants across shadcn/ui components.
AngelP17Standardize UI design with Tailwind-based design tokens and component patterns.
