shadcn-ui

📁 mikkelkrogsholm/dev-skills 📅 5 days ago
2
总安装量
2
周安装量
#63738
全站排名
安装命令
npx skills add https://github.com/mikkelkrogsholm/dev-skills --skill shadcn-ui

Agent 安装分布

opencode 2
gemini-cli 2
claude-code 2
github-copilot 2
codex 2
kimi-cli 2

Skill 文档

shadcn/ui

shadcn/ui is a collection of accessible, composable React components built on Radix UI primitives and styled with Tailwind CSS — components are copied into your project via CLI, giving you full ownership of the source code.

Documentation

Best Practices

  • Form components include React Hook Form and Zod — do not add separate form libraries. The Form component wraps react-hook-form with built-in Zod validation. Adding formik, react-final-form, or additional validation packages is redundant.
  • components.json controls path aliases, Tailwind config, and component style — always check this file exists and is correctly configured before adding components. An incorrect tailwind.config path or missing CSS variable setup in globals.css causes components to render without styles.
  • There is no “update all” command — shadcn add and shadcn diff operate per-component. When suggesting upgrades, list each component individually; bulk update scripts must be written manually.