Agent Skills: component-architecture

Audit and refactor a frontend codebase's component structure, or design a component library from scratch, using atomic design, composition, and disciplined prop interfaces. Use when the user says 'my components are a mess', 'this component is 800 lines', 'refactor my components', 'build a component library', 'how should I structure my components', 'too much prop drilling', 'we keep rebuilding the same button', or asks where a new component should live — even if they never say 'atomic design'. Produces a component inventory audit, refactored component code (extracted atoms/molecules, typed prop interfaces, variant systems), and per-component documentation.

UncategorizedID: sanky369/vibe-building-skills/component-architecture

Install this agent skill to your local

pnpm dlx add-skill https://github.com/sanky369/vibe-building-skills/component-architecture

Skill Files

Browse the full folder contents for component-architecture.

Download Skill

Loading file tree…

Select a file to preview its contents.