design-taste-frontend - 设计高审美的前端界面
为 React 或 Next.js 界面提供响应式设计与实现指导,涵盖视觉校准、动效、交互状态和布局规则。
标签
更新于: 2026-10-16能力
典型输入
典型输出
该技能可以做什么
- 设计前端界面
- 应用响应式布局
- 校准色彩与字体
- 实现交互状态
- 添加动效行为
- 审查界面实现
- 核验依赖
输入
- 前端设计需求
- 项目代码仓库
- package.json
- 框架配置
- 现有品牌规范
- 用户指定的设计偏好
输出
- 前端代码
- 响应式界面布局
- 交互状态
- 动效实现
- 依赖安装命令
- 界面审查结果
要求
- React 或 Next.js 项目
- Tailwind CSS 配置
- 项目文件访问权限
- 检查依赖的权限
- 使用图标时的兼容图标库
