Better Layout skill: what it does and how to install it
Improves interface layouts by organising space, alignment, reading order, responsive behaviour and progressive disclosure across screen sizes.
Summary generated from the skill's documentation.
Install
$ npx skills add jakubkrehel/skills --skill better-layoutRun it in a terminal. If your agent is already running, start a new session so it picks the skill up.
About this skill
What it does. Establishes hierarchy through grouping, spacing and shared alignment edges, while keeping controls distinct from content. It checks logical direction, content growth, clipping, breakpoints and hidden-content cues, then reports findings by severity with locations, fixes and verification status.
When to use it. Use it when reviewing or building responsive interface layouts, including translated and right-to-left versions. It does not cover hit areas and focus behaviour, radius, shadows, animation, or typography spacing.
History
Repo stars
7.4k
Tracking since . A chart appears once there are 7 days of data.
Stars are counted for the whole repository, which holds 7 skills.
Installs
23.3k
Tracking since . A chart appears once there are 7 days of data.
Installs via skills.sh
Similar skills
- Better InterfaceCoordinates accessibility, layout, writing, typography, colour and UI-polish reviews into one evidence-based interface verdict.
- Tailwind CSS DevelopmentBuilds layouts with Tailwind CSS utilities: responsive grids, flex and grid page structures and component styling.
- Better TypographyImproves CSS typography with type scales, font loading and wrapping rules for consistent interfaces.