LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

design-taste-frontend - 高审美前端设计与实现

为响应式前端界面提供设计与实现指导,涵盖视觉校准、动效和完整的界面状态。

标签

更新于: 2026-10-16
前端设计用户界面ReactNext.jsTailwind CSS动效

能力

典型输入

典型输出

该技能可以做什么

  • 设计前端界面
  • 改进前端界面
  • 审查前端界面
  • 应用响应式布局
  • 校准字体与色彩
  • 实现动效交互
  • 实现完整界面状态
  • 核验依赖

输入

  • 用户设计需求
  • 目标代码仓库
  • package.json 文件
  • 框架版本
  • 已安装依赖
  • 产品或品牌系统

输出

  • 前端界面代码
  • 响应式布局
  • 交互组件
  • 加载状态
  • 空状态
  • 错误状态
  • 安装命令
  • 界面审查结果

要求

  • React 或 Next.js 支持
  • 目标代码仓库访问权限
  • 依赖安装权限
  • 兼容的图标库支持

来源

  • 规范: SKILL.md
设计前端界面
改进前端界面
审查前端界面
应用响应式布局
用户设计需求
目标代码仓库
package.json 文件
前端界面代码
响应式布局
交互组件