page-shell-invariants
Installation
SKILL.md
Page shell invariants
Four things must be true of every page, on every route, at every breakpoint. They are invariants, not preferences: if one is false, the page is broken, even if it looks fine on your machine.
- Margins are consistent and come from tokens.
- The header stacks above the hero. Always.
- Page height is stable. Nothing jumps.
- Navigation prefetches on hover or focus.
1. Margins and gutters
One horizontal rhythm for the whole page. Sections do not each invent their own.