Optimizes UI spacing, rhythm and hierarchy for web and app layouts using Flexbox and Grid.
npx skills add https://github.com/thiagofelix/medflow --skill layout-thiagofelix
Please help me install this Agent Skill. Skill: layout Source: https://github.com/thiagofelix/medflow/tree/main/.agents/skills/layout Command: npx skills add https://github.com/thiagofelix/medflow --skill layout-thiagofelix
This skill helps designers and product teams transform monotonous, crowded layouts into intentional, readable compositions by applying proven spacing, rhythm, and hierarchy principles.
Describe the current layout and desired outcome, and ask the AI to generate a systematic plan to improve spacing and rhythm.
High-intent search queries and answers about installing and using this skill.
Fix inconsistent UI layout spacing by applying a structured spacing system, defining hierarchy strategies, and using layout tooling guidance like Flexbox and Grid to establish consistent visual rhythm. This approach systematically transforms crowded interfaces into readable compositions.
Create a spacing system for responsive design by establishing spacing tokens, varying spacing intervals to avoid monotony, and applying rhythm guidance across form screens, dashboards, and product pages to ensure balanced density and consistent visual hierarchy.
Yes, you can improve layouts for both web and app dashboards by assessing current grid structure and density, then applying a comprehensive design workflow that provides spacing tokens, hierarchy strategy, and verification steps tailored to each interface.
Your product page layout feels monotonous and crowded due to spacing inconsistencies, weak visual hierarchy, and lack of rhythmic variation. Assess the grid structure and density, then apply varied spacing tokens and proper Flexbox or Grid layout tools.
Verify layout readability improvements by running a squint test, checking visual rhythm, evaluating responsiveness, and ensuring the spacing system and hierarchy strategy effectively reduce monotony across the redesigned interface screens.
yahya-azeemDiagnose UI layout and spacing issues to produce systematic spacing scales.
PatkikAnalyze UI spacing, hierarchy, and grid structure to create rhythmic layouts.
FldicoahkiinAssess and improve UI layout, spacing, and visual rhythm.
waynesuttonAssess UI layout and implement spacing systems for visual hierarchy.
