design-taste-frontend - 高主动性的前端设计与实现
使用基于指标的视觉规则、组件架构、响应式布局、交互状态和性能约束设计并实现 React 或 Next.js 界面。
标签
更新于: 2026-10-08能力
典型输入
典型输出
该技能可以做什么
- 应用基于指标的设计规则
- 组织 React 或 Next.js 组件
- 实现响应式 CSS 布局
- 添加加载、空状态和错误状态
- 实现动效和微交互
- 优化基于变换的动画
- 验证第三方依赖
输入
- 用户界面需求
- 项目 package.json
- 现有代码库
- 目标框架
- 设计变化偏好
- 动效强度偏好
- 视觉密度偏好
输出
- React 或 Next.js 组件代码
- 响应式样式代码
- 依赖安装命令
- 交互式界面状态
- 前端布局实现
要求
- React 或 Next.js 环境
- 包清单访问权限
- Tailwind CSS 支持
- 客户端和服务器组件支持
- 启用动效功能时的 Framer Motion 支持
- 图标库支持