design-taste-frontend - 构建有设计感的响应式前端界面
为 React 或 Next.js 界面提供前端设计与实现指导，涵盖视觉校准、响应式布局、动效和完整 UI 状态。
标签
更新于: 2026-10-16能力
典型输入
典型输出
该技能可以做什么
- 设计具有辨识度的界面
- 实现响应式布局
- 应用校准的配色系统
- 定义字体与间距
- 实现完整交互状态
- 添加动效与过渡
- 核验前端依赖
输入
- 用户界面需求
- 项目代码仓库
- package.json
- 现有品牌系统
- 框架配置
- 用户设计偏好
输出
- 前端实现代码
- 依赖安装命令
- 响应式界面布局
- 加载、空数据和错误状态
- 动效与交互行为
要求
- React 或 Next.js 项目
- Tailwind CSS 配置
- 已核验的软件包依赖
- 需要图标时使用图标库
- 启用动效时使用 Framer Motion