arrange

Assess UI layouts and apply spacing systems to improve visual rhythm.

Updated Apr 2, 2026
One-click install
npx skills add https://github.com/ev3rlit/magam-canonical-archive --skill arrange-ev3rlit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: arrange
Source: https://github.com/ev3rlit/magam-canonical-archive/tree/main/.claude/skills/arrange
Command: npx skills add https://github.com/ev3rlit/magam-canonical-archive --skill arrange-ev3rlit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Improve layout, spacing, and visual rhythm in user interfaces by identifying and correcting inconsistent spacing, weak visual hierarchy, and crowded sections to produce more deliberate, readable compositions.

Core Features & Use Cases

  • Assess current layout for spacing consistency, hierarchy, grid structure, rhythm, and density.
  • Plan and apply a spacing system and layout approach (flex/grid) to create varied, intentional compositions.
  • Use cases include refining dashboards, forms, and content-heavy pages to reduce clutter and improve readability.

Quick Start

Provide an updated layout plan that improves spacing and visual rhythm for the current UI.

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 rhythm in a crowded UI layout?

Improve layout spacing by assessing grid structure, hierarchy, and density, then applying a defined spacing system to replace inconsistent gaps with intentional, varied rhythms that reduce clutter.

What is visual rhythm in UI design and when do I need to assess it?

Visual rhythm in UI design is the intentional pattern of spacing and alignment that guides the eye. You need to assess it when grids feel monotonous, sections are crowded, or hierarchy is weak.

How do I apply a spacing system to refine content-heavy dashboards and forms?

Apply a spacing system to dashboards and forms by planning a layout approach using flex or grid structures, creating varied compositions that reduce clutter and improve readability.

Does this layout critique approach work for flex and grid based interfaces?

Yes, this layout critique approach works for flex and grid based interfaces by evaluating current grid structure and density, then applying rhythm guidelines to correct misaligned or monotonous compositions.

What is the best way to reduce clutter and improve readability on dense pages?

The best way to reduce clutter on dense pages is to evaluate spacing consistency and visual hierarchy, then apply a structured layout plan with a defined spacing system to produce deliberate, readable compositions.

When should I not use a rigid grid structure for my UI composition?

You should avoid a rigid grid structure when it makes your UI feel monotonous and crowded, requiring instead a layout approach that introduces varied spacing and intentional visual rhythm.