10 actions in 10 pieces of software · ranked by words, meaning and measured trust · 656 ms

1. 1nextjs-shadcnverified and signedpassport

   skilllaguagu/claude-code-nextjs-skillsrecord

   • nextjs-shadcn

     Builds distinctive Next.js interfaces with shadcn/ui, choosing typography, styling and purposeful visual effects for the product. Use when creating or polishing a Next.js + shadcn app, page or component, including themes, presets, backgrounds and design-system lint. Uses frontend-design for substant

2. 2shadcnverified and signedpassport

   skillbergside/awesome-design-skillsrecord

   • shadcn

     Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.

3. 3shadcnverified and signedpassport

   skillvercel-labs/json-renderrecord

   • shadcn

     Pre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs with Radix UI + Tailwind CSS components.

4. 4shadcnverified and signedpassport

   skillshadcn-ui/uirecord

   • shadcn

     Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a

5. 5shadcnverified and signedpassport

   skillpproenca/dot-skillsrecord

   • shadcn

     shadcn/ui component library best practices and patterns (formerly shadcn-ui). This skill should be used when writing, reviewing, or refactoring shadcn/ui components to ensure proper architecture, accessibility, and performance. Triggers on tasks involving Radix primitives, Tailwind styling, form val

6. 6shadcn-uiverified and signedpassport

   skilljezweb/claude-skillsrecord

   • shadcn-ui

     Install and configure shadcn/ui components for React projects. Guides component selection, installation order, dependency management, customisation with semantic tokens, and common UI recipes (forms, data tables, navigation, modals). Use after tailwind-theme-builder has set up the theme infrastructu

7. 7w-shadcnverified and signedpassport

   skillblockmatic/basilic-skillsrecord

   • w-shadcn

     Install shadcn/w-ui primitives in the shared UI package using monorepo import paths.

8. 8shadcn-uiverified and signedpassport

   skillgiuseppe-trisciuoglio/developer-kitrecord

   • shadcn-ui

     Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of accessible React components. Use when setting up shadcn/ui, installing components, building forms with React Hook Form and Zod, customizing themes with Tailwind CSS, or implementing UI

9. 9tailwind-v4-shadcnverified and signedpassport

   skillsecondsky/claude-skillsrecord

   • tailwind-v4-shadcn

     | Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects with Tailwind v4, setting up shadcn/ui, implementing dark mode, debugging CSS variable issues, fixing theme switching, migrating from Tailwind v3, or encountering color/theming proble

10. 10shadcn-vueverified and signedpassport

    skillnoartem/skillsrecord

    • shadcn-vue

      shadcn-vue for Vue/Nuxt with Reka UI components and Tailwind. Use for accessible UI, Auto Form, data tables, charts, dark mode, or encountering component imports, Reka UI errors.