83,201 skills sorted by stars.
Add and manage shadcn/ui components via CLI. Use when installing new UI components, building forms with validation, crea...
Install, customize, and compose shadcn/ui components with design-system awareness. Covers CLI v4, custom registries, Tai...
Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern desi...
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides proje...
Comprehensive shadcn/ui component library with theming, customization patterns, and accessibility. Use when building mod...
shadcn/ui component patterns, customization, theming, and integration.
shadcn/ui component library patterns
shadcn/ui component library best practices and patterns (formerly shadcn-ui). This skill should be used when writing, re...
Use when you need the Base UI version of shadcn/ui components, docs, CLI, theming, forms, registries, or MCP guidance fo...
Reviews shadcn/ui components for CVA patterns, composition with asChild, accessibility states, and data-slot usage. Use...
Add shadcn/ui components to this project. Use when user mentions "add component", "install shadcn", "need a dialog/butto...
Discover existing shadcn components from registries before building custom. Use PROACTIVELY when about to build any UI c...
Review custom components and layouts against shadcn design patterns, theme styles (Maia, Vega, Lyra, Nova, Mira), compon...
Add or customize shadcn/ui components in the shared UI package. Use when adding new components from shadcn registry or u...
Component patterns for shadcn/ui with both Radix UI and Base UI primitives. Covers API differences, mapping between prim...
shadcn/ui component patterns for this Next.js application. Covers available components, compound patterns, variants, for...
Detect whether a project uses Radix UI or Base UI as shadcn/ui primitives. Analyzes package.json, components.json, impor...
Integration guide for shadcn/ui components with OKLCH design tokens. Use when setting up shadcn, customizing themes, or...
Generate correct shadcn/Tailwind layouts by applying CSS mental models. This skill should be used when the user asks to...
Manage shadcn/ui components using MCP tools. Use when user needs to: (1) Add new shadcn components to a project (2) Buil...
Migration guide between Radix UI and Base UI primitives for shadcn/ui. Covers step-by-step migration, API transformation...
shadcn/ui component patterns including CVA variants, OKLCH theming, cn() utility, and composition. Use when adding shadc...
Configure shadcn/ui registries, components.json, and CLI commands. Covers default Radix registry, Base UI registry, and...
Manages shadcn registry.json file for the Zaidan project. Creates and updates registry items for UI components, hooks, C...
Use this skill whenever the user wants to install, configure, or adjust shadcn/ui itself (CLI, components.json, Tailwind...
Next.js 15 + shadcn/ui + Server Components patterns for server-rendered React applications
Manage UI components using MCP tools with primary focus on Svelte ecosystem. Specialized in Svelte component libraries i...
Shadcn UI + Tailwind conventions (variants, reuse, dumb components)
React component library skill for shadcn/ui + Tailwind CSS. Use for React/Next.js/Vite projects needing accessible UI co...
Design tokens and theming for shadcn/ui. Covers CSS variables, OKLCH colors, dark/light mode, and theme configuration fo...
shadcn/ui theme customization for NextSpark applications. Covers tweakcn.com integration, CSS variable format, color spa...
Generate Figma architecture blueprints from shadcn component code. Use when designers need guidance on structuring compo...
Guide for implementing shadcn/ui - a collection of beautifully-designed, accessible UI components built with Radix UI an...
Complete shadcn/ui component library guide including installation, configuration, and implementation of accessible React...
Build modern React UIs with shadcn/ui components. Covers component installation, customization, theming, form integratio...
shadcn/ui component patterns. Component installation, customization, theming, accessibility. Use when building UI with s...