LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

design-taste-frontend - 高主导性的前端设计工程

使用基于指标的设计规则、结构化组件、响应式样式、交互状态和动效性能防护构建 React 或 Next.js 界面。

标签

更新于: 2026-10-08

能力

典型输入

典型输出

该技能可以做什么

  • 构建 React 界面
  • 核验软件包依赖
  • 应用 Tailwind 样式
  • 实现响应式布局
  • 添加交互式界面状态
  • 优化动效性能
  • 执行设计约束

输入

  • 用户设计需求
  • 项目 package.json
  • 现有项目文件
  • 选定的技术栈

输出

  • 前端组件代码
  • 依赖安装命令
  • 响应式界面布局
  • 加载和错误状态
  • 交互动效行为

要求

  • React 或 Next.js 项目
  • Tailwind CSS
  • package.json 访问权限
  • 受支持的图标包

来源

  • 规范: SKILL.md
前端开发
UI/UX 设计
React
Next.js
Tailwind CSS
响应式设计
动效设计
设计系统
构建 React 界面
核验软件包依赖
应用 Tailwind 样式
实现响应式布局
用户设计需求
项目 package.json
现有项目文件
前端组件代码
依赖安装命令
响应式界面布局