taste-skill-v1 - 高自主性前端设计与实现
为构建具有独特视觉设计、交互状态、动效与性能防护的响应式 React 或 Next.js 界面提供规则。
标签
更新于: 2026-10-12能力
典型输入
典型输出
该技能可以做什么
- 应用基准设计设置
- 根据用户需求调整设计
- 验证软件包依赖
- 构建 React 或 Next.js 界面
- 使用 Tailwind CSS 样式
- 实现响应式布局
- 实现完整交互状态
- 应用动效性能防护
- 避免禁用的界面模式
输入
- 用户设计需求
- package.json
- 项目技术栈
- 已安装依赖版本
输出
- 前端实现代码
- 依赖安装命令
- 响应式用户界面
- 交互式加载、空状态和错误状态
要求
- React 或 Next.js 支持
- Tailwind CSS 支持
- 可访问 package.json
- 实现动效功能所需的 Framer Motion
- Phosphor 或 Radix 图标包