skills/smithery.ai/ui-development

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/ 目录下的组件源码以满足特定设计需求,而不是在其之上包裹多层。
Installs
2
First Seen
Mar 26, 2026