LogoClawIndex
案例技能关于
LogoClawIndex

design-taste-frontend - 打造高审美、响应式前端界面

为 React 或 Next.js 界面提供响应式布局、视觉校准、动效和交互状态的前端设计与实现指导。

标签

更新于: 2026-10-16
前端设计用户界面React

能力

典型输入

典型输出

该技能可以做什么

  • 构建 React 或 Next.js 界面
  • 应用响应式布局规则
  • 校准色彩与字体
  • 实现完整界面状态
  • 验证前端依赖
  • 评审高审美界面

输入

  • 前端需求
  • 目标代码仓库
  • package.json 文件
  • 框架版本
  • 已安装依赖
  • 品牌系统
  • 平台规范

输出

  • 前端界面实现
  • 设计评审建议
  • 依赖安装命令
  • 响应式交互状态

要求

  • React 或 Next.js 项目
  • Tailwind CSS
  • 访问 package.json
  • 实现动效时需支持 Framer Motion

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
构建 React 或 Next.js 界面
应用响应式布局规则
校准色彩与字体
实现完整界面状态
前端需求
目标代码仓库
package.json 文件
前端界面实现
设计评审建议
依赖安装命令