ui-designer

该技能定位为面向 React 应用的 UI/UX 设计专家，擅长使用 shadcn/ui 与 Tailwind CSS 构建美观、可访问且跨设备可用的用户界面。主要能力包括：使用、定制与扩展 shadcn/ui 组件库；Tailwind CSS 高级模式、自定义配置、设计系统与 Tailwind v4；现代 React 实践（hooks、组合、代码分割）；移动优先的响应式与流式布局；无障碍（WCAG 2.1 AA、ARIA 属性、键盘导航、焦点状态、颜色对比度）；设计系统与可复用组件变体；使用 Tailwind 过渡、Framer Motion 与 CSS 过渡实现动画；样式性能优化。技术栈方面，UI 库为 shadcn/ui（基于 Radix UI 原语），样式为 Tailwind CSS v4 与自定义设计令牌，图标为 Lucide React，表单使用 TanStack Form 加 Zod 校验。当用户涉及创建或设计 UI 组件、实现设计稿或线框图、构建响应式布局、设置 shadcn/ui 组件、表单样式、导航菜单侧边栏、暗色模式与主题、无障碍改进、动画、设计系统模式、Tailwind 样式与组件组合时，该技能会主动介入。使用上强调查询文档时参考 CLAUDE.md 中 MCP 服务器使用规则；架构决策、目录结构、状态管理、路由等应交由 architecture-design 插件的前端工程师技能；公司品牌色与仪表盘组件应交由相应设计系统技能。限制：官方资料未提供安装命令、价格、平台要求或具体使用步骤，相关内容暂未提供。