Generate skeleton loading screens from live UI components via the boneyard-js CLI.
npx skills add https://github.com/0xGF/boneyard --skill boneyard
Please help me install this Agent Skill. Skill: boneyard Source: https://github.com/0xGF/boneyard/tree/main/.claude/skills/boneyard Command: npx skills add https://github.com/0xGF/boneyard --skill boneyard
Developers often spend time manually creating placeholder skeleton screens for loading states, measuring components and tuning layouts, which is error‑prone and time‑consuming.
Run npx boneyard-js build to capture skeleton layouts and then import the generated registry in your app.
High-intent search queries and answers about installing and using this skill.
Generate skeleton loading screens by running the boneyard-js CLI to scan running apps, which automatically captures precise rectangle placeholders without manual measurement and outputs a registry for import.
Create skeleton screens using automatic bone capture, which scans live UI components and generates ready-to-use Skeleton components for frameworks like React, Vue, Svelte, Preact, Angular, and React Native.
The boneyard-js CLI works with React Native and web applications, providing ready-to-use Skeleton components for React, Vue, Svelte, Preact, Angular, and React Native.
Configure skeleton screen colors, animations, breakpoints, and auth by creating a boneyard.config.json file, which allows customization for both build-time and runtime output.
Optional fixture components are required for accurate bone extraction, alongside the boneyard-js package and a boneyard.config.json file to ensure precise placeholder generation.
AradotsoInspects live React component trees, props, state, hooks, and rendering performance.
akashp1712Generate loading.tsx files with shadcn/ui Skeleton components for Next.js App Router pages.
farmountainGuide frontend framework selection and implementation for React, Vue, Angular, and Svelte.
jiaiyanDisplay skeleton placeholders during asynchronous content loading in Vue components.
