Boneyard

Boneyard is an automatic skeleton screen generator for modern frontend apps. Instead of manually building loading placeholders, it captures the live DOM structure of your real components and converts them into lightweight skeleton “bones” represented as static JSON.

Developers wrap components with the provided <Skeleton> component, run the CLI build process, and import the generated registry once. Each skeleton then resolves automatically by name, producing loading states that visually mirror the final UI with minimal layout shift.

The runtime is lightweight, generated output is compact, and builds are incremental. Boneyard is especially useful for content cards, dashboards, feeds, product pages, and any interface where polished loading states improve perceived performance.