Assess and improve UI layout and spacing with structured rhythm and hierarchy plans.
npx skills add https://github.com/Davie521/claude-skills --skill arrange-davie521
Please help me install this Agent Skill. Skill: arrange Source: https://github.com/Davie521/claude-skills/tree/main/plugins/design/skills/arrange Command: npx skills add https://github.com/Davie521/claude-skills --skill arrange-davie521
Assess and improve layout and spacing that feels monotonous, crowded, or structurally weak — turning generic arrangements into intentional, rhythmic compositions.
Invoke /frontend-design to gather context, then run the Context Gathering Protocol before starting the assessment.
High-intent search queries and answers about installing and using this skill.
To fix inconsistent spacing and improve visual hierarchy, analyze your current layout's density and structure, then establish a spacing system and rhythm guidelines to create balanced, intentional compositions.
Visual rhythm in dashboard layouts is the intentional arrangement of spacing, grid structure, and variety to avoid monotonous or crowded interfaces. You need it when your content pages feel structurally weak or lack depth.
Create a spacing system plan by assessing current layout density and grid structure, then define consistent spacing rules, hierarchy strategies, and optical adjustments to implement rhythmic visual balance across your interface.
Yes, you can use this structured layout assessment process as a repeatable guide for design reviews, prototyping, and system-level layout refinements across dashboards, forms, and content pages.
Yes, you need to run the Context Gathering Protocol by invoking frontend-design to gather context before starting the layout assessment to ensure structured analysis and proper spacing-system implementation.
The best way to strengthen visual hierarchy and manage elevation is to apply optical adjustments and rhythm guidelines, establishing a structured spacing system that improves depth and overall design quality.
delbyteReduces visual intensity in bold designs by desaturating color, moderating typography, and tightening spacing.
duggal1Analyze UI layouts and apply spacing systems for consistent visual rhythm.
microlinkhqAssess and improve UI layout spacing, hierarchy, and grid structure.
rohunvoraDiagnose visual hierarchy violations and generate targeted fixes for web and mobile interfaces.
