LogoClawIndex
案例技能关于
LogoClawIndex

design-taste-frontend - 构建高主导性的 React 界面

使用基于指标的规则、严格的组件架构、响应式布局和注重性能的动效设计并实现 React 或 Next.js 界面。

标签

更新于: 2026-10-08

能力

典型输入

典型输出

该技能可以做什么

  • 应用基于指标的设计规则
  • 执行组件架构约束
  • 验证前端依赖
  • 实现响应式布局
  • 实现交互式界面状态
  • 优化变换动画
  • 应用 Tailwind 样式

输入

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

输出

  • React 或 Next.js 前端代码
  • Tailwind CSS 样式代码
  • 响应式交互界面
  • 依赖安装命令

要求

  • React 或 Next.js 环境
  • Tailwind CSS v3 或 v4
  • 可访问 package.json
  • 支持交互界面的客户端组件

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
前端开发
UI/UX
React
Next.js
Tailwind CSS
响应式设计
动效设计
应用基于指标的设计规则
执行组件架构约束
验证前端依赖
实现响应式布局
用户设计需求
package.json
现有项目文件
React 或 Next.js 前端代码
Tailwind CSS 样式代码
响应式交互界面