LogoClawIndex
案例技能关于
LogoClawIndex

design-taste-frontend - 设计高审美的前端界面

为 React 或 Next.js 界面提供响应式设计与实现指导,涵盖视觉校准、动效、交互状态和布局规则。

标签

更新于: 2026-10-16

能力

典型输入

典型输出

该技能可以做什么

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

输入

  • 前端设计需求
  • 项目代码仓库
  • package.json
  • 框架配置
  • 现有品牌规范
  • 用户指定的设计偏好

输出

  • 前端代码
  • 响应式界面布局
  • 交互状态
  • 动效实现
  • 依赖安装命令
  • 界面审查结果

要求

  • React 或 Next.js 项目
  • Tailwind CSS 配置
  • 项目文件访问权限
  • 检查依赖的权限
  • 使用图标时的兼容图标库

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
前端
设计
用户界面
React
响应式设计
动效
设计前端界面
应用响应式布局
校准色彩与字体
实现交互状态
前端设计需求
项目代码仓库
package.json
前端代码
响应式界面布局
交互状态