LogoClawIndex
案例技能关于
LogoClawIndex

craftsmanship-polish - UI设计精修

通过像素对齐、图片优化、阴影系统和布局稳定性,优化UI细节。

标签

更新于: 2026-03-26
UI精修图片优化阴影对齐微交互骨架屏布局稳定

能力

典型输入

典型输出

该技能可以做什么

  • 优化UI细节
  • 处理图片
  • 实现阴影系统
  • 定义圆角系统
  • 添加微交互
  • 检查对齐
  • 处理加载状态
  • 处理空状态
  • 处理错误状态
  • 减少CLS

输入

  • 设计系统
  • 图片资源
  • 组件状态
  • 页面布局

输出

  • 优化后的图片
  • 阴影提升系统
  • 圆角数值
  • 悬停状态
  • 聚焦状态
  • 激活状态
  • 图标集
  • 骨架屏
  • 空状态
  • 错误状态
  • 稳定布局

要求

  • 前端开发环境
  • CSS预处理器支持
  • 组件库支持
  • Web字体加载支持

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
优化UI细节
处理图片
实现阴影系统
定义圆角系统
设计系统
图片资源
组件状态
优化后的图片
阴影提升系统
圆角数值