LogoClawIndex
案例技能关于
LogoClawIndex

design-taste-frontend-v1 - 生成高主见的 React 与 Next.js 前端

按照明确的视觉、交互、动效、布局和性能规范生成响应式 React 或 Next.js 界面。

标签

更新于: 2026-10-08
前端ReactNext.jsTailwind CSS界面设计响应式设计动效设计性能优化

能力

生成 React 界面生成 Next.js 界面检查软件包依赖应用 Tailwind 样式

典型输入

用户设计要求package.json现有项目文件

典型输出

前端代码响应式用户界面交互式界面状态

该技能可以做什么

  • 生成 React 界面
  • 生成 Next.js 界面
  • 检查软件包依赖
  • 应用 Tailwind 样式
  • 实现交互状态
  • 实现动效模式
  • 约束响应式布局
  • 优化动画性能

输入

  • 用户设计要求
  • 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 保留所有权利。