design-taste-frontend - 构建高执行力的 React 界面
依据度量化设计规则、组件架构、交互状态、动效、响应式布局和性能约束指导 React 或 Next.js 前端实现。
标签
更新于: 2026-10-08能力
典型输入
典型输出
该技能可以做什么
- 应用设计基线
- 核验软件包依赖
- 构建交互界面状态
- 隔离客户端组件
- 执行响应式布局
- 使用变换属性制作动效
- 校准字体与色彩
输入
- 用户界面需求
- 项目源文件
- package.json
- 现有 Tailwind 配置
输出
- 前端代码文件
- 依赖安装命令
- 响应式界面布局
- 交互式加载状态
- 交互式空状态
- 内联错误状态
要求
- React 或 Next.js 项目
- Tailwind CSS
- 可访问项目依赖清单
- 受支持的图标包
- 高级动效所需的 Framer Motion