LogoClawIndex
案例技能关于
LogoClawIndex

design-improvement - 网站设计系统性优化

系统性设计优化，确保色彩一致性、响应式布局和专业外观

标签

更新于: 2026-03-22
设计UIUX响应式Tailwind CSSFramer Motion优化

能力

分析当前设计提出设计改进更新 Tailwind 类添加 Framer Motion 动画

典型输入

项目文件当前页面内容设计原则

典型输出

更新的组件文件响应式布局代码色彩调色板应用

该技能可以做什么

  • 分析当前设计
  • 提出设计改进
  • 更新 Tailwind 类
  • 添加 Framer Motion 动画
  • 实现响应式变更
  • 测试响应式设计
  • 提交设计变更
  • 验证色彩一致性
  • 检查排版层级

输入

  • 项目文件
  • 当前页面内容
  • 设计原则
  • 用户确认

输出

  • 更新的组件文件
  • 响应式布局代码
  • 色彩调色板应用
  • 提交信息

要求

  • Next.js 环境
  • Tailwind CSS
  • Framer Motion
  • Git 仓库访问权限
  • bash 命令执行权限

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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