LogoClawIndex
CasesSkillsAbout
LogoClawIndex

arrange - Improve Layout and Visual Rhythm

Assess and improve layout, spacing, and visual hierarchy for better compositions

Tags

Updated: 2026-03-26

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • analyze current layout
  • assess spacing consistency
  • evaluate visual hierarchy
  • check grid structure
  • measure visual rhythm
  • review layout density
  • establish spacing system
  • create visual rhythm
  • select layout tool
  • apply flexbox layout
  • apply grid layout
  • break card monotony
  • strengthen visual hierarchy
  • manage depth and elevation
  • verify layout improvements
  • test visual hierarchy
  • check visual rhythm
  • verify spacing consistency

Inputs

  • target feature or component

Outputs

  • improved layout structure
  • consistent spacing system
  • visual hierarchy
  • visual rhythm

Requirements

  • frontend-design skill
  • design context from frontend-design

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.
frontend-design
layout
spacing
visual-hierarchy
spatial-design
analyze current layout
assess spacing consistency
evaluate visual hierarchy
check grid structure
target feature or component
improved layout structure
consistent spacing system
visual hierarchy