Guide for proper shadcn-ui component usage - use Card for wrapping/layout, compose from base components, never modify components/ui directly
安装
npx skills add JewelsHovan/pain-plus-site --skill shadcn-ui-best-practicesnpx skills add JewelsHovan/pain-plus-site --skill shadcn-ui-best-practices -a claude-code -gnpx skills add JewelsHovan/pain-plus-site --skill shadcn-ui-best-practices -a codex -ggemini skills install https://github.com/JewelsHovan/pain-plus-site.git --path frontend/.claude/skills/shadcn-ui-best-practicesgh skill install JewelsHovan/pain-plus-site shadcn-ui-best-practicesgit clone --depth 1 https://github.com/JewelsHovan/pain-plus-site /tmp/JewelsHovan__pain-plus-site
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/JewelsHovan__pain-plus-site/frontend/.claude/skills/shadcn-ui-best-practices ~/.claude/skills/shadcn-ui-best-practices # Claude Code
cp -R /tmp/JewelsHovan__pain-plus-site/frontend/.claude/skills/shadcn-ui-best-practices ~/.agents/skills/shadcn-ui-best-practices # Codex, Cursor, Gemini CLI, Copilot, OpenCode