taste-design-frontend - 构建高自主性的 React 与 Next.js 界面
依据度量化视觉规则、严格组件架构、响应式布局和性能约束，设计并实现 React 或 Next.js 界面。
标签
更新于: 2026-10-08能力
典型输入
典型输出
该技能可以做什么
- 应用度量化设计基线
- 组织 React 或 Next.js 界面
- 核验项目依赖
- 实现响应式布局
- 添加完整交互状态
- 优化基于变换的动画
- 执行样式与图标规范
输入
- 用户设计要求
- 项目 package.json
- React 或 Next.js 项目
- 现有项目源代码
输出
- 前端源代码
- 响应式界面布局
- 加载、空状态和错误状态
- 依赖安装命令
要求
- React 或 Next.js 运行环境
- 可访问 package.json
- Tailwind CSS 支持
- 可用的指定图标包
- 使用动效功能时具备 Framer Motion 支持