uit-screen-architecture-web
Installation
SKILL.md
UI Toolkit for Meta Ray-Ban Display screen architecture
Choose the route skeleton before implementing its content. A route with the wrong vertical owner cannot be repaired with margins, heights, or focus code.
Read references/route-skeletons.md completely. Then apply the component-specific skills required by the route.
Non-negotiable invariant
Each visible pager page or ordinary route has exactly one vertical scroll owner. Never nest same-axis scroll owners.
Application/domain providers whose state must survive route changes wrap
ReactRouterPageTransition; never instantiate them inside a transition render
snapshot. Retained pages must observe one store so changes made on a child
route are still present after Back.