Apply spacing systems and hierarchy rules to improve UI layout rhythm.
npx skills add https://github.com/trydydd/open-circuits --skill i-layout-trydydd
Please help me install this Agent Skill. Skill: i-layout Source: https://github.com/trydydd/open-circuits/tree/main/.claude/skills/i-layout Command: npx skills add https://github.com/trydydd/open-circuits --skill i-layout-trydydd
Helps designers and developers fix monotonous or crowded layouts by establishing deliberate spacing, rhythm, and visual hierarchy across UI components.
Apply a defined spacing system to the current UI and begin evaluating rhythm and hierarchy in your layout.
High-intent search queries and answers about installing and using this skill.
Fix crowded UI layout spacing by applying a consistent spacing system to define gaps between elements, grouping related content, and establishing deliberate visual rhythm to guide iterative UI refinement.
Visual hierarchy and rhythm in UI design are the intentional variation of spacing and grouping to prioritize content, creating a structured flow that helps users navigate interfaces easily across screen sizes.
Apply a consistent spacing system to grid layouts by enforcing a plan-based approach that defines gaps between elements, ensuring visual rhythm and hierarchy rules are maintained across 1D and 2D structures.
Yes, you can use this approach for both 1D and 2D typographic structures, as it is designed for design critique and iterative UI refinement across grids, adapting responsive rhythm to various screen contexts.
Improve responsive rhythm across screen sizes by applying a defined spacing system that adapts gaps between elements, ensuring visual hierarchy and grouping remain consistent across varying layout contexts.
Avoid using a plan-based approach to layout design when rapid prototyping without strict consistency is required, as this method enforces spacing systems, visual rhythm, and hierarchy rules to guide deliberate improvements.
romiluz13Design UI layouts with visual hierarchy, spacing, color, and state design.
Elliot-TangSAnalyze UI layouts and propose spacing, rhythm, and hierarchy improvements.
tropeksPropose and document a complete design system in a DESIGN.md file.
nielpattinAnalyze and improve UI layout spacing, rhythm, and visual hierarchy.
