ui-development
SKILL.md
UI 开发与组件规范
🎨 核心技术栈
- 基础库: React 19 + Next.js 16 (App Router)
- UI 框架: shadcn/ui (基于 Radix UI)
- 样式: Tailwind CSS 4.0
- 图标: Lucide React
- 动画: Framer Motion
- 表单: React Hook Form + Zod
🛠️ shadcn/ui 管理规范
对于 shadcn 组件,本项目遵循以下原则:
1. 源码即真相
- 不使用技能存储组件列表: 已安装的组件列表应通过检查
frontend/src/components/ui/目录和frontend/components.json获取。 - 直接修改: 本项目鼓励直接修改
ui/目录下的组件源码以满足特定设计需求,而不是在其之上包裹多层。