What problem does it solve? Teams lose track of existing UI components and end up duplicating work by rebuilding buttons, modals, or cards that already exist in the codebase. This Skill scans your project to build a searchable component catalog so you can reuse what exists before writing new UI. ## Core Features & Use Cases - Component Discovery: Detects components via Storybook MCP tools when available, falling back to static analysis of .tsx, .jsx, .vue, and .svelte files. - Searchable Catalog: Extracts component names, props interfaces, variants, dependencies, and file paths, organized by category (Layout, Forms, Feedback, Data Display, Actions). - Duplication Detection: Before creating a new component, compares it against the catalog using name similarity and functional overlap, then suggests extending an existing component instead. - Use Case: Before building a new Dialog component, run the skill to discover an existing Modal in src/components with the variants you need, then extend it rather than duplicating code. ## Quick Start Ask the assistant to list all components in this project and show the props and usage for the Button component.
