Extract reusable components, design tokens, and patterns into a design system.
npx skills add https://github.com/SteveChandler/quiver --skill extract-stevechandler
Please help me install this Agent Skill. Skill: extract Source: https://github.com/SteveChandler/quiver/tree/main/.agents/skills/extract Command: npx skills add https://github.com/SteveChandler/quiver --skill extract-stevechandler
High-intent search queries and answers about installing and using this skill.
Identify UI patterns used three or more times, then create shared components with clear props APIs, variants, and accessibility support. Replace each existing instance with the shared version and delete the old implementations.
Find repeated hard-coded colors, spacing, typography, and shadows, then create tokens with clear primitive and semantic naming. Document when to use each token rather than creating tokens for every single value.
Avoid extracting one-off, context-specific implementations or patterns used fewer than three times. Components that are overly generic or lack 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 before extracting anything into a new shared library.
Search for all instances of the extracted pattern, update each use to consume the shared version, and test for visual and functional parity. Remove the old implementations once migration is verified.
LinCieExtract reusable components and design tokens into a design system.
redpanda-dataEnforces TypeScript, React, and JavaScript best practices using Ultracite and Biome rules.
SnoopiamBuild responsive frontend interfaces with HTML, CSS, and JS components.
yogi100xProvide React architecture patterns for compound, headless, slot, and polymorphic components.
