boneyard
Auto-generated skeleton loading screens extracted from your real UI
Visit boneyard.vercel.app ↗What is boneyard?
Boneyard is a framework for creating pixel-perfect skeleton screens by automatically capturing the layout of your actual components. Instead of manually designing placeholders, you wrap components in a Skeleton tag, run the CLI once to extract bone positions from your live DOM, and the library handles rendering during loading states with zero layout shift.
It supports React, Preact, Vue, Svelte, Angular, and React Native. The runtime is compact (~7.5KB), bones are stored as static JSON, and the CLI includes incremental builds that only recapture changed components. According to the source, the project was built using Claude Code.
Momentum
Daily activity over the last 30 days: upvotes, unique visits, new GitHub stars and Hacker News points.
How do we know it's vibe coded?
vibetrend discovered boneyard automatically. Evidence: GitHub 0xGF/boneyard; repo has .claude, CLAUDE.md. View source.
Similar vibe-coded apps
#1 this weekOpen-source local voice cloning, dubbing, transcription, and audiobook creation
Clone viral videos with AI agents, generate 100 variants in one command
Clean Android TV launcher inspired by tvOS, ad-free with aerial screensavers
Ad-free home screen for Google TV with trending picks and live weather
Remove ads and bloatware from Android TV and Google TV over Wi-Fi
Desktop app for DeepSeek Harness with built-in model provider support
