Jakub KrehelThe structural decisions that make a layout legible before anything is styled.
LayoutUpdated 2 months ago
In the author’s words
Helps with grouping, alignment, reading order, progressive disclosure and other details that make a good layout.
The description field from SKILL.md, quoted as written.
Read it before you install it
SKILL.md · 76 lines
Install on its own
Or add it to your stack above and install everything at once.
npx skills add https://github.com/jakubkrehel/skills --skill better-layoutTrust audit
View the source ↗100%verified
- Checked automatically and confirmed.
- Resolved (HTTP 200), passed
- Checked automatically and confirmed.
- Transcribed from the author's own page, passed
- Checked automatically and confirmed.
- Last updated 2 months ago, passed
- Checked automatically and confirmed.
- Credited to Jakub Krehel, passed
Goes well with
prefer-container-queries
Container queries over viewport breakpoints for anything reusable.
A component should respond to the space it is given, not to the window. Enforces Tailwind container queries when writing or reviewing responsive code.
npx skills add https://github.com/flornkm/skills --skill prefer-container-queries
Florian Kiem