LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

taste-skill - 打造审慎且高表现力的前端界面

构建具备鲜明字体、动效、布局系统和响应式行为,并避免通用化设计模式的前端界面。

标签

更新于: 2026-10-08
前端ReactNext.jsTailwind CSS界面设计动效设计响应式设计

能力

典型输入

典型输出

该技能可以做什么

  • 设计字体系统
  • 构建响应式布局
  • 实现交互界面状态
  • 编排界面动效
  • 核验前端依赖
  • 执行反模板化设计规则

输入

  • 用户界面需求
  • 现有前端项目
  • package.json
  • 目标框架
  • 设计偏好

输出

  • 前端代码
  • 响应式界面
  • 交互界面状态
  • 依赖安装命令
  • 设计系统样式

要求

  • React 或 Next.js
  • Tailwind CSS
  • 可访问 package.json
  • 支持交互界面的客户端组件
  • 需要时支持 Framer Motion

来源

  • 规范: SKILL.md
设计字体系统
构建响应式布局
实现交互界面状态
编排界面动效
用户界面需求
现有前端项目
package.json
前端代码
响应式界面
交互界面状态