Assess and refine layout spacing and visual hierarchy for interfaces.
npx skills add https://github.com/tomerkedem/bookforge --skill layout-tomerkedem
Please help me install this Agent Skill. Skill: layout Source: https://github.com/tomerkedem/bookforge/tree/main/.agents/skills/layout Command: npx skills add https://github.com/tomerkedem/bookforge --skill layout-tomerkedem
The Layout Skill helps identify and fix layout, spacing, and visual rhythm issues that make interfaces feel monotonous, crowded, or poorly structured, turning generic arrangements into intentional, well-ordered compositions.
Inspect the current interface and propose a concrete spacing and alignment plan to improve visual rhythm.
High-intent search queries and answers about installing and using this skill.
To fix crowded UI, you establish a consistent spacing system by assessing current spatial relationships and planning a visual rhythm scale. This process identifies structural bottlenecks and applies a defined spacing plan to improve overall interface readability.
Visual rhythm in UI layout is the consistent pattern of spacing and hierarchy that guides user focus. It matters because structured visual rhythm transforms generic, monotonous arrangements into intentional, well-ordered compositions that enhance navigation.
Choosing between Flexbox and CSS Grid for multi-section layouts depends on your structural needs. The workflow assesses grid structure and density, recommending appropriate layout tooling like Flexbox or Grid to create balanced, scalable interfaces.
Yes, you can apply a layout spacing system to both web and mobile dashboards. The assessment and planning workflow evaluates product surfaces across platforms, ensuring the implemented grid decisions and spacing scales adapt appropriately for each context.
The best way to improve visual hierarchy on documentation pages is to inspect the interface and propose a concrete alignment plan. Refining spatial relationships and applying visual cues creates balanced, scalable multi-section layouts that guide user navigation.
wzyxdwllAnalyze UI layouts and generate prioritized spacing and alignment adjustments.
KentoShimizuCreate a reusable visual spec with color, typography, spacing, and grid rules.
omanjayaProvide typography, color, spacing, and motion guidelines for web UI design.
aymenhamoudiiDiagnose monotonous spacing and weak visual rhythm in UI compositions.
