Assess interface layouts and propose consistent spacing scales and hierarchy adjustments.
npx skills add https://github.com/Gyanano/Bower --skill arrange-gyanano
Please help me install this Agent Skill. Skill: arrange Source: https://github.com/Gyanano/Bower/tree/main/.agents/skills/arrange Command: npx skills add https://github.com/Gyanano/Bower --skill arrange-gyanano
This skill rescues interfaces where spacing is arbitrary, grids are monotonous, and hierarchy dissolves into a sea of equally padded elements; it reminds you that space is a design material that must be intentionally composed. Invoke /frontend-design for its design principles and Context Gathering Protocol before reworking layout, and if no context exists yet run /teach-impeccable first to bootstrap the conversation.
Ask /arrange to assess the current dashboard layout, identify inconsistent spacing, and propose a consistent spacing scale.
High-intent search queries and answers about installing and using this skill.
Fix inconsistent spacing and visual hierarchy in a dashboard layout by diagnosing spacing, grid, and rhythm issues, then defining a consistent spacing scale and hierarchy strategy. Varying column spans and adding generous section gaps ensures the primary focus remains instantly clear.
A UI layout feels monotonous when grids are uniform and hierarchy dissolves into equally padded elements. Spacing systems fix this by treating space as an intentional design material, establishing rhythm beats and density rules so compositions feel cohesive rather than ad hoc.
Plan a consistent grid system and rhythm for an admin interface by defining a spacing system, hierarchy strategy, and layout approach using Flex or Grid. Referencing spatial design guides ensures depth treatments and rhythm beats feel cohesive across the application.
You need context gathering before reworking interface layout spacing to understand user goals. Invoke the frontend-design Context Gathering Protocol and reference spatial design principles before planning any spacing systems, layout tools, or hierarchy adjustments.
Choose Flex vs Grid for layout hierarchy adjustments during systematic planning. Define your spacing system and hierarchy strategy first, then select the appropriate layout approach to ensure improvements feel cohesive rather than ad hoc across the interface.
TumeloRamaphosaCreate a design system and generate DESIGN.md with preview pages.
PostalocityAudit layouts and implement consistent spacing systems for visual rhythm.
ilanf23Define scalable spacing scales and contextual rules for UI layouts.
ZainEldeen-Ashraf-Ibrahim-Ibrahim-SamakAnalyze UI layouts and prescribe spacing scales, hierarchy, and grid recommendations.
