skills.rest
lachieh
lachiehCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

arrange

Analyze UI layouts for spacing, hierarchy, and grid issues.

Updated Mar 15, 2026
Search Tags:#layout#ui design#spacing#grid#design critique#arrange#visual rhythm
One-click install
npx skills add https://github.com/lachieh/babytalk --skill arrange-lachieh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: arrange
Source: https://github.com/lachieh/babytalk/tree/main/.claude/skills/arrange
Command: npx skills add https://github.com/lachieh/babytalk --skill arrange-lachieh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Improve the quality of UI layouts by diagnosing spacing, rhythm, and structural issues that cause clutter or weak hierarchy.

Core Features & Use Cases

  • Assess current layout: spacing consistency, visual hierarchy, grid structure, and density.
  • Propose concrete spacing system and layout strategy to improve rhythm and clarity across screens.
  • Use case: refine dashboards or form-heavy interfaces to achieve balanced composition and scannable information.

Quick Start

Provide a design assessment and improvement plan for the current UI layout focusing on spacing, hierarchy, and grid structure.

Frequently Asked Questions about arrange

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix inconsistent spacing and visual hierarchy in a cluttered UI layout?▼

To fix inconsistent UI layout spacing, analyze the current grid structure and density to diagnose structural issues causing clutter. Apply a concrete spacing system and hierarchy strategy to enforce visual rhythm and create balanced, legible interfaces.

What is the best way to improve visual rhythm in dashboard and form-heavy interfaces?▼

Improving visual rhythm in dashboards involves assessing current spacing consistency and grid structure to pinpoint weak hierarchy. Proposing a targeted layout strategy enforces uniform spacing to achieve balanced composition and clear information scannability.

How do I assess my current UI grid structure for density and hierarchy issues?▼

Assess your UI grid structure by diagnosing spacing consistency and visual hierarchy to identify structural issues. This layout analysis pinpoints where the design feels off or cluttered, guiding the creation of an actionable improvement plan.

Can I apply a standardized spacing system to content-heavy screens to reduce clutter?▼

Yes, you can apply a standardized spacing system to content-heavy screens to reduce clutter. Diagnosing rhythm and structural issues allows you to enforce a unified spacing approach that improves legibility and creates a balanced composition.

When should I diagnose spacing consistency and density in my UI design?▼

Diagnose spacing consistency and density in your UI design when dashboards, forms, or content-heavy screens feel off or cluttered. Identifying these layout rhythm issues early allows you to propose a concrete spacing system for clear visual hierarchy.

Related Skills

Explore More Design & Creative Skills→
PatkikPatkik

i-arrange

Analyze UI spacing, hierarchy, and grid structure to create rhythmic layouts.

Community
Advanced
aymenhamoudiiaymenhamoudii

arrange

Diagnose monotonous spacing and weak visual rhythm in UI compositions.

Community
Intermediate
omanjayaomanjaya

frontend-design

Provide typography, color, spacing, and motion guidelines for web UI design.

Community
Intermediate
vuminhieuvuminhieu

web-design-guidelines

Audit UI code against Web Interface Guidelines and report file:line findings.

Community
Intermediate