What problem does it solve?
This Skill prevents redundant code by ensuring developers search for and leverage existing components, hooks, and utilities before creating new implementations.
Core Features & Use Cases
- Codebase Search Guidance: Directs developers to specific directories and files where existing solutions are likely to be found.
- Component & Hook Inventory: Lists pre-existing UI components and custom hooks to avoid duplication.
- Verification Checklist: Provides steps to confirm if a solution already exists and guidelines for extending or wrapping existing code.
- Use Case: A developer needs to add a new button component. Instead of creating a new one, they consult the Skill, find the existing
Button component in app/components/ui/, and use it, potentially extending it with new props if necessary.
Quick Start
Before creating a new component, search the codebase for existing implementations in app/components/ui/ and app/components/.