LogoClawIndex
案例技能关于
LogoClawIndex

design-taste-frontend-v1 - 高主导性前端设计

按照结构化的视觉、响应式、交互、动效和性能规范生成 React 或 Next.js 前端界面。

标签

更新于: 2026-10-08

能力

典型输入

典型输出

该技能可以做什么

  • 生成 React 界面
  • 应用视觉设计规则
  • 检查项目依赖
  • 实现交互状态
  • 构建响应式布局
  • 实现动效
  • 优化动画性能

输入

  • 用户设计要求
  • 项目源文件
  • package.json
  • 框架版本
  • 已安装依赖

输出

  • 前端代码
  • 安装命令
  • 响应式界面状态
  • 交互式 UI 组件

要求

  • React 或 Next.js 项目
  • Tailwind CSS
  • 可访问 package.json
  • 使用图标时需有 Phosphor 或 Radix 图标包

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
前端
React
Next.js
Tailwind CSS
响应式设计
UI 设计
动效设计
性能
生成 React 界面
应用视觉设计规则
检查项目依赖
实现交互状态
用户设计要求
项目源文件
package.json
前端代码
安装命令
响应式界面状态