boneyard
Generate pixel-perfect skeleton loading screens from your real UI
All Skills in This Repository (1)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow to install boneyard?▼
Run `npx skills add 0xGF/boneyard --all -g -y` in your terminal to install this skill globally for your AI agent.
What does boneyard do?▼
It automatically creates pixel-perfect skeleton loading screens by snapshotting your real UI layout, so you never hand-measure placeholder shapes again.
Which frameworks does boneyard support?▼
It works with React, Preact, Vue, Svelte 5, Angular, and React Native, all sharing the same bones format.
How do I generate skeleton screens with boneyard?▼
Wrap your component in a Skeleton element, then run the boneyard CLI or Vite plugin to capture bones automatically at multiple breakpoints.
Does boneyard support dark mode?▼
Yes. It detects a `.dark` class on your page and switches bone and shimmer colors automatically based on your config.
Related Repositories in Design & Creative
View All in Design & Creative→
nextlevelbuilderui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
shadcn-uiui
Build and customize beautiful React component libraries with AI
nexu-ioopen-design
Open-source AI design studio for decks, prototypes, images, and video