Extract reusable components and design tokens into a design system.
npx skills add https://github.com/l0lxl0lw/dotfiles --skill extract-l0lxl0lw
Please help me install this Agent Skill. Skill: extract Source: https://github.com/l0lxl0lw/dotfiles/tree/main/ai/shared/skills/impeccable/extract Command: npx skills add https://github.com/l0lxl0lw/dotfiles --skill extract-l0lxl0lw
High-intent search queries and answers about installing and using this skill.
Identify UI patterns used three or more times, then create a shared component with a clear props API, variants, and accessibility support. Replace each original implementation with the shared version and delete the old code.
Audit the codebase for repeated colors, spacing, typography, and shadows, then define tokens with clear primitive and semantic naming. Document when to use each token rather than creating a token for every single value.
Avoid extracting one-off, context-specific implementations or patterns used fewer than three times. Overly generic components and tokens without semantic meaning add maintenance cost without improving consistency.
The Skill asks before creating one, since location and structure matter. Confirm the preferred directory, component organization, and naming conventions first so extracted components fit long-term conventions.
Search for all instances of the extracted pattern, update each use to consume the shared version, and test for visual and functional parity. Only delete the old implementations after verifying the migration.
po4ykaExtract reusable components, design tokens, and patterns into a design system.
westonwrzDesign and enforce mypy type-checking workflows for Python services and libraries.
Nickalus12Audit Loom-style applications for WCAG violations and ARIA usage.
diane-deforesEvaluate component design for duplication, poor abstractions, and headless primitives.
