LogoClawIndex
案例技能关于
LogoClawIndex

design-taste-frontend-v1 - 创建高主见的前端界面

指导使用 React 或 Next.js 构建前端设计,涵盖字体、间距、动效、响应式布局和反低质设计约束。

标签

更新于: 2026-10-15

能力

典型输入

典型输出

该技能可以做什么

  • 设置视觉设计基线
  • 应用字体与配色规则
  • 构建响应式 React 布局
  • 实现交互式界面状态
  • 添加动效与过渡
  • 检查前端依赖
  • 执行禁用表情符号规范

输入

  • 用户设计要求
  • 项目 package.json
  • React 或 Next.js 项目

输出

  • 前端代码
  • 响应式网页界面
  • 加载、空状态和错误状态
  • 依赖安装命令

要求

  • React 或 Next.js
  • Tailwind CSS
  • 可访问 package.json

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
前端开发
React
Next.js
Tailwind CSS
响应式设计
动效设计
视觉设计
创意方向
设置视觉设计基线
应用字体与配色规则
构建响应式 React 布局
实现交互式界面状态
用户设计要求
项目 package.json
React 或 Next.js 项目
前端代码
响应式网页界面
加载、空状态和错误状态