mattbx avatar

Shadcn Component Discovery

Run this before you write any UI component code. It searches the entire shadcn ecosystem (Magic UI, Aceternity, Tailark, AI Elements, all the registries) to find what already exists, not just what's in your components.json. The official shadcn skill installs things you've decided on. This one answers "wait, does this already exist somewhere?" When someone asks to build a table or modal or animated hero section, this checks first. It's the cheaper move. Ten seconds searching registries beats an hour building something that's been solved three times over. Works with the shadcn MCP when available, falls back to CLI search otherwise.

skills.sh installs
761
GitHub stars
23
last updated
Aug 21, 2026

Install

$ npx -y skills add mattbx/shadcn-skills --skill shadcn-component-discovery --agent claude-code

Installs into .claude/skills of the current project.

Files

shadcn Component Discovery

Surface existing components from across the shadcn ecosystem — including registries the user hasn't configured yet — before spending effort on custom implementations.

How This Complements the Official shadcn Skill

The official shadcn skill (shipped with CLI v4) searches the registries declared in the user's components.json. That's the right tool once the user has decided which registries to use.

This skill fills the upstream gap: ecosystem-wide awareness. It helps the user find and choose registries they may not yet have configured — Magic UI for animations, Aceternity for hero sections, AI Elements for chat interfaces, ElevenLabs UI for voice components, and so on. Use this skill for "what exists out there"; let the official skill handle "install this thing I know about."

When both skills apply, this one runs first (discovery), then the official skill takes over for installation and project-aware work.

Core Principle

Search before building. Most UI needs have been solved in the shadcn ecosystem. The cost of a 10-second registry check is almost always less than custom-building something that already exists.

When to Trigger

Sponsors

Details

Repository
github.com/mattbx/shadcn-skills
Categories
Frontend Development, Backend & APIs, Documentation, Sales & Marketing
First seen
Jun 3, 2026

More from mattbx/shadcn-skills

All 2
1sickn33 avatarangular-ui-patternssickn33/antigravity-awesome-skillsangular ui patterns596skills.sh installs
2davila7 avatarreact-ui-patternsdavila7/claude-code-templatesModern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.529skills.sh installs
3sergiodxa avatarfrontend-react-router-best-practicessergiodxa/agent-skillsReact Router performance and architecture patterns. Use when writing loaders, actions, forms, routes, or working with React Router data fetching. Triggers on ta402skills.sh installs
4martinholovsky avatarvue-nuxtmartinholovsky/claude-skills-generatorVue 3 and Nuxt 3 for JARVIS AI Assistant UI development with security-first patterns227skills.sh installs
5oguzhan18 avatarangular-pwaoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular PWA, service workers, offline support, manifest, or web app installation in Angular applications.190skills.sh installs
6oguzhan18 avatarangular-ssroguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular SSR, server-side rendering, hydration, prerendering, or Angular Universal in Angular applications.168skills.sh installs