arrange

Assess and improve layout spacing, rhythm, hierarchy in digital interfaces using Context Gathering Protocol and frontend-design skill.

1|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/Bigalan09/Burohame --skill arrange-bigalan09
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: arrange
Source: https://github.com/Bigalan09/Burohame/tree/main/.codex/skills/arrange
Command: npx skills add https://github.com/Bigalan09/Burohame --skill arrange-bigalan09

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Assess and improve layout and spacing that feels monotonous, crowded, or structurally weak — turning generic arrangements into intentional, rhythmic compositions.

Core Features & Use Cases

  • Use the frontend-design skill as a guide to gather context and apply the Context Gathering Protocol before proceeding.
  • Identify and plan improvements across spacing, visual hierarchy, grid/structure, rhythm, and density to create intentional compositions.
  • Create and apply a spacing system, hierarchy strategy, and rhythm guidelines to evolve layouts toward clarity and balance.

Quick Start

Run a comprehensive front-end layout audit and implement spacing, rhythm, and hierarchy improvements.

Frequently Asked Questions about arrange

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

FAQPage Schema
How do I improve layout rhythm and spacing in frontend design?

A frontend layout audit assesses spacing, visual hierarchy, grid structure, rhythm, and density to identify structural weaknesses. It transforms monotonous or crowded arrangements into intentional, readable compositions by applying a structured spacing system.

What's the best way to fix a crowded or monotonous page layout?

Fixing a crowded layout requires planning improvements across spacing, visual hierarchy, and density. By creating and applying a dedicated spacing system, you turn generic arrangements into balanced, rhythmic compositions with enhanced readability.

How do I create a spacing system for grids and cards?

Create a spacing system by assessing visual hierarchy and rhythm guidelines across page sections. Apply this structured spacing strategy to grids and cards to ensure intentional visual rhythm and structural balance throughout the digital interface.

Can I audit visual hierarchy and density across digital interfaces?

Yes, you can audit visual hierarchy and density by evaluating grid structure and rhythm across page sections. This process identifies monotonous areas and applies targeted spacing improvements to enhance overall readability and clarity.

Do I need to gather context before improving visual rhythm in designs?

Yes, you need to follow the Context Gathering Protocol before proceeding. This ensures you collect necessary layout details, allowing you to accurately plan and apply spacing, hierarchy, and rhythm improvements to the design.