Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. 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".
Install
npx skills add openai/plugins --skill shadcnnpx skills add openai/plugins --skill shadcn -a claude-code -gnpx skills add openai/plugins --skill shadcn -a codex -ggemini skills install https://github.com/openai/plugins.git --path plugins/build-web-apps/skills/shadcn-best-practicesgh skill install openai/plugins shadcngit clone --depth 1 https://github.com/openai/plugins /tmp/openai__plugins
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/openai__plugins/plugins/build-web-apps/skills/shadcn-best-practices ~/.claude/skills/shadcn # Claude Code
cp -R /tmp/openai__plugins/plugins/build-web-apps/skills/shadcn-best-practices ~/.agents/skills/shadcn # Codex, Cursor, Gemini CLI, Copilot, OpenCode