Diagnose UI layout and spacing issues to produce systematic spacing scales.
npx skills add https://github.com/yahya-azeem/Pokedex --skill arrange-yahya-azeem
Please help me install this Agent Skill. Skill: arrange Source: https://github.com/yahya-azeem/Pokedex/tree/main/library/impeccable/skills/arrange Command: npx skills add https://github.com/yahya-azeem/Pokedex --skill arrange-yahya-azeem
Improve layout, spacing, and visual rhythm when a UI feels monotonous, crowded, or structurally weak, so the hierarchy becomes clearer and the composition feels intentional.
Use case: a marketing page where every section repeats the same centered card grid and spacing looks random can be restructured into a more varied, grouped, and hierarchy-driven layout with a coherent spacing system.
Ask the AI to run the frontend-design context gathering protocol first, then assess my current UI layout and propose concrete spacing/grid/hierarchy changes.
High-intent search queries and answers about installing and using this skill.
Diagnose your UI layout structure and apply a systematic spacing scale, grouping strategy, and rhythm targets instead of arbitrary tweaks. This approach establishes clear visual hierarchy and intentional layout density across page sections.
Break monotonous card grid design by restructuring repeated centered grids into a varied, hierarchy-driven layout with coherent spacing. Using appropriate layout tools like Flex or Grid named areas strengthens composition and visual rhythm across page sections.
Audit your user interface for visual rhythm and density issues by running hierarchy and squint-test style checks. This process identifies spacing inconsistencies, weak visual hierarchy, and unclear grid structure to guide systematic UI layout improvements.
Choose Flex vs Grid for UI composition based on whether your layout requires linear alignment or complex two-dimensional grid structure. The Skill recommends appropriate layout tools by assessing your spacing scale, grouping strategy, and structural rhythm requirements.
Your frontend design layout looks crowded and structurally weak due to spacing inconsistencies, unclear grid structure, and density issues. Diagnosing these problems with a context gathering protocol and rhythm checks helps establish intentional visual composition.
chuan-khunaAssess UI layouts and create a spacing and rhythm improvement plan.
otto-poblyshImprove web UI layouts by resolving spacing inconsistencies and visual hierarchy.
wesleyegbertoAudit and refactor web UI designs for visual hierarchy, spacing, and depth.
NweremizuImprove page layout, spacing, and visual hierarchy in user interfaces.
