Extract reusable components and design tokens into a shared design system.
npx skills add https://github.com/Ssrrb/cerramos-codebase --skill extract-ssrrb
Please help me install this Agent Skill. Skill: extract Source: https://github.com/Ssrrb/cerramos-codebase/tree/main/.codex/skills/extract Command: npx skills add https://github.com/Ssrrb/cerramos-codebase --skill extract-ssrrb
High-intent search queries and answers about installing and using this skill.
Scan the codebase for UI patterns used three or more times, then build a shared component with a clear props API, variants, and accessibility support. Replace each existing usage with the shared version and delete the old implementations.
Convert colors, spacing, typography, and shadows into tokens when they repeat across components and carry semantic meaning. Avoid creating tokens for every single value, since tokens should represent reusable design decisions.
The Skill requires confirming the preferred location and structure before creating one. It will not scaffold a new design system directory without first asking where and how it should be organized.
Avoid extracting one-off, context-specific implementations or components so generic they become useless. Extraction is justified when a pattern is used three or more times and systematizing it improves consistency more than it costs to maintain.
Find all instances of the extracted pattern, update each to consume the shared version, then verify visual and functional parity through testing. Remove the old implementations only after migration is confirmed.
fengshao1227Extract reusable components, design tokens, and patterns into a design system.
redpanda-dataEnforces TypeScript, React, and JavaScript best practices using Ultracite and Biome rules.
vobaseExtract reusable UI components, design tokens, and patterns from frontend codebases.
yogi100xProvide React architecture patterns for compound, headless, slot, and polymorphic components.
