LogoClawIndex
CasesSkillsAbout
LogoClawIndex

craftsmanship-polish - UI Design Polish

Polish UI details with pixel-perfect alignment, image optimization, shadow systems, and layout stability.

Tags

Updated: 2026-03-26

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • optimize UI details
  • process images
  • implement shadow system
  • define border-radius system
  • add micro-interactions
  • check alignment
  • handle loading states
  • handle empty states
  • handle error states
  • reduce CLS

Inputs

  • design system
  • image resources
  • component states
  • page layout

Outputs

  • optimized images
  • shadow elevation system
  • border-radius values
  • hover states
  • focus states
  • active states
  • icon set
  • skeleton screens
  • empty states
  • error states
  • stable layout

Requirements

  • frontend development environment
  • CSS preprocessor support
  • component library support
  • web font loading support

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.
UI polish
image optimization
shadows
alignment
micro-interactions
skeleton screens
layout stability
optimize UI details
process images
implement shadow system
define border-radius system
design system
image resources
component states
optimized images
shadow elevation system
border-radius values