Shadcn Ui

bobmatnyc/claude-mpm-skills

This gives Claude the ability to work with shadcn/ui, the React component collection that takes a different approach from typical npm libraries. Instead of installing packages, you copy components directly into your codebase, giving you full ownership to modify them however you need. It's built on Radix UI primitives and Tailwind CSS, so you get accessibility and styling handled, but the code lives in your project. The skill covers the CLI workflow for adding components, theming with CSS variables, and the underlying architecture. Useful when you're building React apps with Tailwind and want production-ready components without being locked into a library's update cycle or abstraction layers.

skills.sh installs

421

GitHub stars

79

last updated

Aug 21, 2026

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Recommended

More Frontend Development

1animating-react-native-expotristanmanchester/agent-skillsBuilds performant animations and gesture-driven interactions in React Native (Expo) apps using React Native Reanimated v4 and React Native Gesture Handler (Gest421skills.sh installs

2deno-frontenddenoland/skillsUse when building a web frontend with Deno — running React, Vite, Astro, SvelteKit, Next.js, Nuxt or other npm frameworks under Deno, or working with Fresh, Den419skills.sh installs

3magento-frontend-developermaxnorm/magento2-agent-skillsCreates comprehensive Magento 2 frontend solutions. Use when developing frontend features, working with layout XML, templates, JavaScript, or responsive design.406skills.sh installs

4react-optimisepproenca/dot-skillsApplication-level React performance optimization covering React Compiler mastery, bundle optimization, rendering performance, data fetching, Core Web Vitals, st403skills.sh installs

5shadcnpedronauck/skillsBest practices for building UI components with shadcn/ui. Use when creating, customizing, or styling components with shadcn, working with Radix UI primitives, i383skills.sh installs

6ln-721-frontend-restructurelevnikolaevich/claude-code-skillsScaffolds new React projects or restructures monoliths to component-based architecture. Use when setting up frontend structure.378skills.sh installs