[HN Gopher] Boneyard: Generate pixel-perfect skeleton screens fr...
___________________________________________________________________
Boneyard: Generate pixel-perfect skeleton screens from your real
DOM
Author : steveharing1
Score : 23 points
Date : 2026-04-03 15:49 UTC (4 days ago)
(HTM) web link (github.com)
(TXT) w3m dump (github.com)
| junon wrote:
| No examples, no mention of why someone would want this, site is
| broken on mobile.
| dvh wrote:
| But it has animated logo (that you have to click on to start)
| and chart of GitHub stars progression in time!
| gavmor wrote:
| Hm... A Twitter comment is not documentation, but:
|
| > every skeleton screen you've ever hand-coded is a waste of
| time
|
| > you're literally measuring padding and guessing widths to
| build a worse version of a layout that already exists in your
| DOM
|
| > so I made a package that just reads the real one
|
| Linked from the readme.
| smokedetector1 wrote:
| This is cool but I'm confused - it says it generates the bones at
| "build time" not at "runtime." But you're calling this headless
| bone generator while your app is running, right? That sounds like
| runtime.
| nozzlegear wrote:
| I love seeing things that support Svelte.
| m000 wrote:
| I have no idea what this means, and I don't think I'm alone. Make
| a video dammit.
| simongr3dal wrote:
| Their doc linked at the bottom actually has a pretty nice
| example.
|
| https://boneyard.vercel.app/how-it-works
| evantbyrne wrote:
| I was going to say it seems potentially useful, but engagement
| stats for this on Github and X seem unnatural and the anon crypto
| author makes it a hard no for me
| bedroom_jabroni wrote:
| I don't like skeletons that much but it's really creative to have
| the headless browser inspect your running dev env and capture
| element size & placement snapshots.
| rzkyif wrote:
| Seems interesting, but I wonder how this would be better than
| just asking an LLM to implement the skeletons?
|
| For most components, current generation models should be able to
| understand the component code and produce skeletons that occupies
| exactly the same space
___________________________________________________________________
(page generated 2026-04-07 23:01 UTC)