design-taste-frontend-v1 - 高主导性的前端设计与实现规范
为 React 或 Next.js 前端生成提供设计、动效、响应式、交互、性能和依赖验证规范。
标签
更新于: 2026-10-08能力
典型输入
典型输出
该技能可以做什么
- 验证项目依赖
- 应用设计约束
- 构建响应式布局
- 实现交互状态
- 添加动效交互
- 优化渲染性能
输入
- 用户设计需求
- 项目 package.json
- 现有项目源码
- 选定的前端技术栈
- 设计参数覆盖值
输出
- 前端源代码
- 依赖安装命令
- 响应式界面布局
- 交互式加载状态
- 交互式空状态
- 内联错误状态
要求
- React 或 Next.js 环境
- Tailwind CSS 配置
- 可访问的 package.json
- 高级动效所需的 Framer Motion
- 获准的图标库依赖