arrange

Assess UI layout and implement spacing systems for visual hierarchy.

3|Updated May 23, 2026

Search Tags:#layout #design system #ui design #spacing #flexbox #grid #visual rhythm

Ready to run

npx skills add https://github.com/waynesutton/finder9 --skill arrange-waynesutton

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: arrange
Source: https://github.com/waynesutton/finder9/tree/main/.codex/skills/arrange
Command: npx skills add https://github.com/waynesutton/finder9 --skill arrange-waynesutton

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Assess and improve UI layout and spacing.

Core Features & Use Cases

Plan and implement spacing systems, rhythm rules, and layout structures to elevate visual hierarchy.
Apply to designs with monotonous grids, inconsistent spacing, crowded areas, and weak visual hierarchy across web and application interfaces.
Follow the Context Gathering Protocol when starting a new design task to ensure principled context.

Quick Start

Analyze current UI layout and propose spacing adjustments to improve rhythm and hierarchy.

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 weak visual hierarchy in my UI design?▼

Fix inconsistent spacing by applying a structured spacing system to establish visual rhythm. This improves weak visual hierarchy by replacing monotonous grids and crowded areas with intentional spacing adjustments across web and application interfaces.

What is the best way to create visual rhythm in a web layout?▼

Create visual rhythm by planning and implementing spacing rules and layout structures that elevate visual hierarchy. This establishes a consistent design system that guides the user's eye through the interface systematically.

How do I set up a spacing system for a design interface?▼

Set up a spacing system by analyzing your current UI layout to identify crowded areas and monotonous grids, then establishing structured spacing rules. This creates a consistent foundation for visual rhythm across your application.

Can I use this to improve layout structure for both web and application interfaces?▼

Yes, you can improve layout structure for both web and application interfaces. The spacing system and visual rhythm rules apply to any UI design suffering from inconsistent spacing, monotonous grids, or weak visual hierarchy.

When should I apply an intentional spacing system to my UI layout?▼

Apply an intentional spacing system when your UI layout shows signs of monotonous grids, inconsistent spacing, crowded areas, or weak visual hierarchy. These symptoms indicate the design needs structured rhythm rules to improve overall structure.