boneyard-js

Use this skill when implementing automatic skeleton loading UIs that are captured from real rendered content instead of hand-built placeholders.

Install

npm install boneyard-js

Core workflow

1. Wrap real content in <Skeleton name="..." loading={...}>.
2. Add fixture when capture-time auth/data would otherwise block rendering.
3. Run npx boneyard-js build while your dev server is running.
4. Import generated registry once (for example import './bones/registry') in your app entry.
5. Re-run build after layout changes.

React quick start