design-taste-frontend-v1 - 生成结构化、响应式的 React 前端
依据既定的设计、交互、响应式、性能和依赖验证规则生成 React 或 Next.js 前端。
标签
更新于: 2026-10-12该技能可以做什么
- 检查项目依赖
- 应用响应式布局规则
- 实现交互式界面状态
- 创建非对称布局
- 应用动效规范
- 统一图标与样式规则
- 优化动画性能
输入
- 用户设计需求
- 项目 package.json
- 项目源文件
- 已安装的软件包版本
输出
- 前端源代码
- 安装命令
- 响应式界面布局
- 加载、空状态和错误状态
- 交互动效行为
要求
- React 或 Next.js 环境
- Tailwind CSS
- package.json 访问权限
- 受支持的图标包
- 需要动效时使用 Framer Motion