Shadcn

使用 shadcn skill 检查项目上下文、运行正确的 CLI 命令、安装组件，并基于文档中的模式完成 UI 组合，包括 base 与 radix 的差异、表单、主题以及 registries 的用法。

artifacts-builder 可帮助创建复杂的 Claude HTML artifacts：以 React 18、TypeScript、Vite、Tailwind CSS 和 shadcn/ui 项目形式开发，然后打包成单个 bundle.html。最适合用于带有 state、可复用组件和精细化应用流程的 Frontend Development artifacts。

ckm:ui-styling 帮助你用 shadcn/ui、Tailwind CSS 和 canvas 视觉设计创建无障碍、可投产的用户界面。适合基于 React 的项目，支持结构化响应式布局、无障碍组件、暗色模式和一致的设计系统。适用于 UI 设计、主题定制和高效原型开发，提供实用、面向技术栈的指导。

shadcn-ui 技能可帮助你在真实应用中规划、安装并适配 shadcn/ui 组件。可将这份 shadcn-ui 指南用于设计实现、组件发现、定制化，以及在表单、表格、认证流程和布局中的实际 shadcn-ui 用法。