Getting Started

Install the package and set up the Vite plugin for automatic bone generation.

1
Installation

Install boneyard-svelte and playwright using your preferred package manager.

Initialize playwright to download the chromium binary used for capturing screenshots:

2
Vite Automation

Enable the Vite plugin to handle the bone generation lifecycle automatically. It watches your routes and updates the registry on save.

3
Wrap your component
4
Register once

Import the registry in your root layout. All skeletons will now auto-resolve their positions. By default, the CLI outputs to src/bones.

Tip: Check out the Overview to see it in action with a live dashboard demo.