LogoClawIndex
案例技能关于
LogoClawIndex

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

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

标签

更新于: 2026-10-16
前端设计用户界面React响应式设计动效

能力

设计响应式前端布局应用校准的字体与色彩实现完整交互状态创建动效交互

典型输入

前端设计需求项目代码仓库package.json

典型输出

前端界面代码响应式布局交互组件状态

该技能可以做什么

  • 设计响应式前端布局
  • 应用校准的字体与色彩
  • 实现完整交互状态
  • 创建动效交互
  • 核验前端依赖
  • 执行响应式布局约束
  • 应用性能防护规则

输入

  • 前端设计需求
  • 项目代码仓库
  • package.json
  • 框架版本
  • 已安装依赖
  • 品牌系统
  • 平台规范

输出

  • 前端界面代码
  • 响应式布局
  • 交互组件状态
  • 动效交互
  • 依赖安装命令
  • 设计实现指导

要求

  • React 或 Next.js 环境
  • Tailwind CSS 环境
  • 访问 package.json
  • 安装所需依赖的权限
  • 使用图标时的兼容图标库
  • 使用指定动效功能时的 Framer Motion 支持

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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