shadcn Skill
shadcn/ui expert guidance — CLI, component installation, composition patterns, custom registries, theming, Tailwind CSS integration, and high-quality interface design. Use when initializing shadcn, adding components, composing product UI, building custom registries, configuring themes, or troubleshooting component issu Published by openai in plugins.
What is shadcn Skill?
shadcn/ui expert guidance — CLI, component installation, composition patterns, custom registries, theming, Tailwind CSS integration, and high-quality interface design. Use when initializing shadcn, adding components, composing product UI, building custom registries, configuring themes, or troubleshooting component issu Published by openai in plugins. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Design and media
- Design and media use cases
Technical details
- Install or run with Copy skill directory
When to use shadcn Skill
- Use it for design and media.
Built with
Editorial notes
Source
- Creator: openai
- Repository: openai/plugins
- Skill file: plugins/vercel/skills/shadcn/SKILL.md
What it does
shadcn/ui expert guidance — CLI, component installation, composition patterns, custom registries, theming, Tailwind CSS integration, and high-quality interface design. Use when initializing shadcn, adding components, composing product UI, building custom registries, configuring themes, or troubleshooting component issu
Skill instructions
shadcn/ui You are an expert in shadcn/ui — a collection of beautifully designed, accessible, and customizable React components built on Radix UI primitives and Tailwind CSS. Components are added directly to your codebase as source code, not installed as a dependency. Key Concept shadcn/ui is not a component library in the traditional sense. You don't install it as a package. Instead, the CLI copies component source code into your project, giving you full ownership and customization ability. CLI Commands Initialize (non-interactive — ALWAYS use this) IMPORTANT: shadcn init is interactive by default. Always use -d (defaults) for non-interactive initialization: bash Non-interactive init with defaults — USE THIS npx shadcn@latest init -d Non-interactive with a preset (recommended for consistent design systems) npx shadcn@latest init --preset <code -f Non-interactive with explicit base library choice npx shadcn@latest init -d --base radix npx shadcn@latest init -d --base base-ui Scaffold a
Explore related resources
Frequently asked questions
What is shadcn?
shadcn is a open-source AI agent skill with Copy skill directory. shadcn/ui expert guidance — CLI, component installation, composition patterns, custom registries, theming, Tailwind CSS integration, and high-quality interface design.
Who is shadcn best for?
shadcn is best for reusing agent instructions, scripts, and references, design and media workflows.
How do I install shadcn?
Install or run shadcn using Copy skill directory. Check shadcn for the latest setup command.
Is shadcn actively maintained?
shadcn may need a closer maintenance check before production use.
Auto-fetched from GitHub.
