shadcn/ui Skills skills
Official shadcn/ui agent skill — component context and pattern enforcement for React + Tailwind skills-hub.ai mirrors 2 skills from shadcn/ui Skills daily, every skill links back to its upstream GitHub source. Install with one command across Claude Code, Cursor, Codex, Windsurf, and any MCP-compatible tool.
Upstream: github.com/shadcn-ui/ui
Installing a shadcn/ui Skills skill
Pick a skill below, then run the install command for your AI coding tool. The skills-hub CLI writes the SKILL.md to the right directory and tracks the install in .skills.json so your team gets reproducible installs.
# Install a shadcn/ui Skills skill
npx @skills-hub-ai/cli install <skill-slug>
# Browse all shadcn/ui Skills skills via API
curl https://skills-hub.ai/api/v1/skills?source=shadcn-ui
# Browse all sources
open https://skills-hub.ai/sourcesTop shadcn/ui Skills skills
See all →The most-installed skills from shadcn/ui Skills, ranked by adoption.
01shadcn
1 installsManages 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 components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".
Buildfrom shadcn/ui Skills02migrate-radix-to-base
Migrates React projects and components from Radix UI to Base UI. Use when asked to migrate from radix, move to base-ui, convert radix primitives, or switch a shadcn project's base library. Handles single components ("migrate accordion") and whole projects.
Buildfrom shadcn/ui Skills
About this source
skills-hub.ai mirrors skills from 90+ official GitHub repositories every day. Each imported skill is parsed from a SKILL.md file in the source repo, gets a security scan and quality score on import, and links back to its upstream source of truth.
Last sync: Jul 30, 2026, 5:51 PM (success).
shadcn/ui Skills skills, frequently asked
What are shadcn/ui Skills skills?
shadcn/ui Skills skills are AI coding skills published by shadcn/ui Skills (Official shadcn/ui agent skill — component context and pattern enforcement for React + Tailwind) and mirrored daily on skills-hub.ai. They are SKILL.md files that follow the open Agent Skills standard, so they work in Claude Code, Cursor, Codex CLI, Windsurf, Copilot, and any MCP-compatible tool.
How many shadcn/ui Skills skills are available?
skills-hub.ai indexes 2 skills from shadcn/ui Skills, synced daily from the upstream GitHub repository (https://github.com/shadcn-ui/ui).
How do I install a shadcn/ui Skills skill?
Run `npx @skills-hub-ai/cli install <skill-slug>` in your project. The CLI writes the SKILL.md to the right directory for your AI tool and adds it to your `.skills.json` lockfile so your team gets the same skills at the same versions.
Are these official shadcn/ui Skills skills?
Yes. Every skill from this source is mirrored from shadcn/ui Skills's own GitHub repository (https://github.com/shadcn-ui/ui). Each skill page links back to the upstream source of truth, so you can verify the original.