design-taste-frontend-v1 - 创建高主见的前端界面
指导使用 React 或 Next.js 构建前端设计,涵盖字体、间距、动效、响应式布局和反低质设计约束。
标签
更新于: 2026-10-15能力
典型输入
典型输出
该技能可以做什么
- 设置视觉设计基线
- 应用字体与配色规则
- 构建响应式 React 布局
- 实现交互式界面状态
- 添加动效与过渡
- 检查前端依赖
- 执行禁用表情符号规范
输入
- 用户设计要求
- 项目 package.json
- React 或 Next.js 项目
输出
- 前端代码
- 响应式网页界面
- 加载、空状态和错误状态
- 依赖安装命令
要求
- React 或 Next.js
- Tailwind CSS
- 可访问 package.json
