ui-design - 构建更好界面的UI设计约束
为使用Tailwind CSS、motion/react和可访问基元构建更好界面提供约束规则
标签
更新于: 2026-03-11能力
典型输入
典型输出
该技能可以做什么
- 构建UI组件
- 实现动画
- 设计布局
- 审查可访问性
- 应用间距
- 处理加载状态
- 创建交互元素
- 管理错误状态
输入
- Tailwind CSS配置
- 可访问基元
- 动画库
- 主题标记
- 错误条件
输出
- UI组件代码
- 交互元素
- 动画实现
- 可访问性审查
- 布局设计
要求
- Tailwind CSS
- motion/react
- React环境
- cn工具函数
- Base UI或Radix基元