shadcn-ui skills

84 tagged shadcn-ui, measured the same way as everything else here.

Browse within: slate 35nextjs 32tailwindcss 29wysiwyg 27adonisjs 15monorepo 15reactjs 14astro 10astrojs 10astrojs-template 10radix-ui 9shadcn 9admin-dashboard 8boilerplate 8

udecode/plate

Skill Claude CodeCodex

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.

not rated 17k +6 today A 58 tokens

creative-tim-ui

02

creativetimofficial/ui

Skill Claude CodeCodex

Creative Tim UI block library assistant. Use when adding, generating, or modifying UI blocks/components/pages from creative-tim.com/ui. Covers design philosophy (minimalism, the 95% rule, research-first), block discovery, both CLI install methods, PRO API key setup, and Creative Tim design rules (orange brand…

not rated 12k +8 7mo ago A SkillSpector: warn 91 tokens original MIT

shadcn-vue

03

unovue/shadcn-vue

Skill Claude Code

Manages shadcn-vue components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn-vue, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for…

not rated 11k +18 3d ago A Socket: passSnyk: warnSkillSpector: warn 97 tokens original MIT

shadcn-svelte

04

huntabyte/shadcn-svelte

Skill Claude CodeCodex

Manages shadcn-svelte components and projects — adding, updating, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn-svelte, the CLI, design-system presets, or any project with a components.json file. Also triggers for…

not rated 9.2k +4 3d ago A Socket: passSnyk: passSkillSpector: warn 87 tokens original MIT

Kiranism/next-shadcn-dashboard-starter

Skill Claude CodeCodex needs its repo

Guide for building features, pages, tables, forms, themes, and navigation in this Next.js 16 shadcn dashboard template. Use this skill whenever the user wants to add a new page, create a feature module, build a data table, add a form, configure navigation items, add a theme, set up RBAC access control, or work with…

not rated 7.1k +23 1mo ago A SkillSpector: pass 142 tokens original MIT

autoform

06

vantezzen/autoform

Skill Claude CodeCodex

How to use the @autoform/ packages with React Hook Form or TanStack Form to automatically generate React forms from Zod, Yup, or Joi schemas with any UI library (shadcn/ui, MUI, Mantine, Ant Design, Chakra UI). Use this skill whenever the user wants to create a form from a schema, select a form adapter, build forms…

not rated 3.5k +3 3mo ago A SkillSpector: pass 158 tokens original MIT

shadcn-ui-mcp

07

Jpisnice/shadcn-ui-mcp-server

Skill Claude CodeCodex

Skill "shadcn-ui-mcp" from Jpisnice/shadcn-ui-mcp-server, covering shadcn/ui mcp for codex and when to use.

not rated 3.1k +18 15d ago A 20 tokens original MIT

shadcn-ui-flutter

08

nank1ro/flutter-shadcn-ui

Skill Claude CodeCodex

A comprehensive Flutter UI library inspired by shadcn/ui. Provides high-quality, customizable, and accessible components including Buttons, Cards, Forms, and more. Use this skill when building Flutter UIs, implementing design systems, or needing specific component usage examples.

not rated 2.8k +2 3d ago A Socket: passSnyk: passSkillSpector: pass 58 tokens original MIT

ai-elements

09

vercel/ai-elements

Skill Claude CodeCodex ✓ vendor

Build AI chat interfaces using ai-elements components — conversations, messages, tool displays, prompt inputs, and more. Use when the user wants to build a chatbot, AI assistant UI, or any AI-powered chat interface.

not rated 2.5k +6 4d ago A Socket: warnSnyk: passSkillSpector: warn 46 tokens

building-components

10

vercel/components.build

Skill Claude CodeCodex ✓ vendor

Guide for building modern, accessible, and composable UI components. Use when building new components, implementing accessibility, creating composable APIs, setting up design tokens, publishing to npm/registry, or writing component documentation.

not rated 800 +2 1mo ago A Socket: passSnyk: pass 46 tokens

tinte

11

Railly/tinte

Skill Claude CodeCodex

Agent-native design system infrastructure. Browse, install, and preview design systems from tinte.dev. Use when user asks about themes, design systems, presets, color palettes, or says "tinte". Works with shadcn/cli v4 presets and registries.

not rated 625 +2 2mo ago A SkillSpector: warn 57 tokens original MIT

testing

12

udecode/plate-playground-template

Skill Claude CodeCodex

Skill "testing" from udecode/plate-playground-template, covering testing goal, core rules, seam selection, fixtures and assertions and quick reference.

not rated 241 today A SkillSpector: pass 5 tokens original MIT

ui-beats

13

nikhils4/ui-beats

Skill Claude CodeCodex

Use this skill when users want to add, customize, or troubleshoot UI Beats components in React/Next.js projects. It covers component selection, shadcn registry installation from uibeats.com, the UI Beats MCP server, motion and reduced-motion handling, and integration patterns for animated sections.

not rated 234 1mo ago A SkillSpector: warn 62 tokens original MIT

ktui

14

keenthemes/ktui

Skill Claude CodeCodex

Comprehensive guide to KtUI (Keenthemes Tailwind UI) — components, theming, initialization, data-attribute API, event system, helpers, and common patterns. Use this skill when building UI with KtUI, adding/customizing components, working with KtUI theming/colors/dark-mode, or when the user mentions KtUI, ktui…

not rated 152 +1 4mo ago A SkillSpector: pass 95 tokens original MIT

maquina-app/maquina_components

Skill Claude CodeCodex

Build consistent, accessible UIs in Rails using maquinacomponents. Use this skill when implementing UI for features, creating views, building forms, or reviewing UI specs. Triggers on view creation, UI implementation, form building, layout design, or mentions of maquinacomponents usage.

not rated 141 6d ago A SkillSpector: warn 61 tokens original MIT

story

16

one-ie/one

Skill Claude CodeCodex

Turn what someone says into seven beats, a promise with one checkable proof, and a story spoken back in their own words.

not rated 131 8d ago A 28 tokens

morphous-catalog

17

Ameyanagi/morphos

Skill Codex

Create or refresh Morphous website design-system/theme bundles from animal, insect, plant, landscape, mineral, weather, or other nature motifs. Use when Codex is asked to generate Morphous motif images, light/dark design-system boards, reusable image prompts, generated web assets, shadcn/tweakcn theme exports, or the…

not rated 102 2mo ago A SkillSpector: pass 79 tokens original Apache-2.0

crud

18

filipebraida/adonisjs-starter-kit

Skill Claude Code

Build an end-to-end CRUD stack in AdonisJS + Inertia: resource route → thin controller → VineJS validator → Bouncer policy → single-purpose action → transformer variant → Inertia page. Trigger on: "add CRUD for X", "create resource", "list/create/edit/delete X", "resource endpoint".

not rated 96 2mo ago A SkillSpector: pass 66 tokens original MIT

next-intl-i18n

19

s0vers/next-app-i18n-starter

Skill Claude CodeCodex

Implement, migrate, or debug next-intl in a Next.js App Router project. Use when a change touches a locale URL, proxy, request config, message file, ICU message, formatted number, date, or list, RTL or CJK layout, localized CMS content, a locale switcher, or a translated error page. For canonicals, hreflang, sitemaps…

not rated 66 yesterday A 123 tokens original MIT

spark-ui

20

codeweb-dev/spark-ui

Skill Claude CodeCodex

Install and compose Spark UI signature React components such as Widget Stack, Dynamic Island, Interactive Pets, Tactile Highlight, Shimmer Text, Image Trail, Animated Gradient, Ghost Ether, Logo Carousel, QR Code, Receipt, Number Ticker, Spotify Card, Masonry, Keyboard, and Hello from the Spark UI shadcn-compatible…

not rated 61 +1 3mo ago A SkillSpector: warn 73 tokens original MIT

udecode/plate-template

Skill Claude CodeCodex

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.

not rated 59 today A 58 tokens copy · 88% MIT

wesselgrift/sveltekit-spa

Skill Claude Code

Classic engineering patterns applied to SvelteKit + TypeScript + Supabase projects. Use when structuring a SvelteKit app, organizing data access, abstracting third-party services, managing shared state, improving testability, or when the user describes a problem that a Factory, Repository, Service Layer, Singleton…

not rated 37 1mo ago A 76 tokens original MIT

mattbx/shadcn-skills

Skill Claude CodeCodex

Discover shadcn-compatible components and registries across the entire ecosystem before writing any custom UI. Use PROACTIVELY before building tables, forms, modals, animations, dashboards, auth pages, or any UI component. Use when the user says "find a component for...", "is there something for...", "search…

not rated 21 +1 5mo ago A Socket: warnSnyk: pass 155 tokens original MIT

react-doctor

24

shipkit-io/bones

Skill Claude CodeCodex

Run after making React changes to catch issues early. Use when reviewing code, finishing a feature, or fixing bugs in a React project.

not rated 21 yesterday A 31 tokens

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: