Boneyard: Generate pixel-perfect skeleton screens from your real DOM (github.com)

Boneyard is an open-source tool that automatically generates pixel-perfect skeleton loading screens by capturing the real layout of your app’s UI (from the DOM or React Native’s view tree). It provides framework-specific components for React, Svelte 5, and React Native, plus a CLI that snapshots skeleton layouts across configurable breakpoints and outputs a shared “.bones.json” format. The project aims to remove manual measurement and hand-tuned placeholders while keeping production overhead low.