Design and build modern UI components and pages using shadcn/ui. Creates clean, accessible interfaces with Tailwind CSS following shadcn principles. Use when building UI components, pages, forms, dashboards, or any interface work.
Install
npx skills add JSBtechnologies/claude-skills --skill shadcn-ui-designernpx skills add JSBtechnologies/claude-skills --skill shadcn-ui-designer -a claude-code -gnpx skills add JSBtechnologies/claude-skills --skill shadcn-ui-designer -a codex -ggemini skills install https://github.com/JSBtechnologies/claude-skills.git --path shadcn-ui-designinggh skill install JSBtechnologies/claude-skills shadcn-ui-designergit clone --depth 1 https://github.com/JSBtechnologies/claude-skills /tmp/JSBtechnologies__claude-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/JSBtechnologies__claude-skills/shadcn-ui-designing ~/.claude/skills/shadcn-ui-designer # Claude Code
cp -R /tmp/JSBtechnologies__claude-skills/shadcn-ui-designing ~/.agents/skills/shadcn-ui-designer # Codex, Cursor, Gemini CLI, Copilot, OpenCode