Chapter 03 of 11·Getting started
How it works
Measure, compile, render — skelly derives skeletons from your real layout, so they can never drift.
1
Measure
On first render — or at build time for SSR — skelly walks the subtree and records each element's box, border radius, and content type: text, image, or block.
2
Compile
Measurements compile to a compact skeleton spec — roughly 100 bytes per component — cached and reused across renders and sessions.
3
Render
While loading, the spec renders as shimmer, pulse, or optimistic placeholders in the same box — zero layout shift when real content arrives.