Skip to content

Skullmaster

Stop hand-writing skeleton loaders. Generate them from the rendered UI.

Skullmaster is a CLI tool that generates customizable skeleton loaders for your UI components directly from the browser. Instead of manually creating placeholder components, mark a component, click it, and get a skeleton that mirrors the real rendered output.

Single source of truth

Skeletons are generated from your source components — not maintained as a second copy that drifts out of sync.

Rendered, not guessed

Generation uses runtime info from the browser: final HTML, computed styles, image dimensions, and text layout.

DOM-preserving output

Semantic elements like article, section, button, and img are preserved instead of flattened into generic divs.

Customizable

Fine-tune output with data-skip-skull, data-depth="-1", or the type-safe markAsSkull / tweakForSkull helpers.

Follow Getting started to generate your first skeleton.

Experimental: This package is under active development. APIs and generated output may change between releases.