ui-ux-design-system - 构建可访问的UI/UX设计系统
为SaaS应用创建优质可访问的UI/UX设计系统，包含设计令牌、组件架构、深色模式和动画
标签
更新于: 2026-03-25能力
典型输入
典型输出
该技能可以做什么
- 创建设计令牌
- 构建组件库
- 实现深色模式
- 添加玻璃态效果
- 创建微动画
- 设计响应式布局
- 确保可访问性合规
- 构建加载状态
- 创建骨架屏
- 设计空状态
输入
- 组件需求
- 品牌指南
- 可访问性标准
- Figma设计
输出
- 设计令牌CSS文件
- 组件库
- 深色模式样式
- 动画
- 加载界面
- 空状态界面
要求
- React/Next.js环境
- shadcn/ui
- Radix Primitives
- Tailwind CSS
- Framer Motion
- WCAG 2.1 AA