
A skeleton-screen library launched on Halloween: Skullet got over 700 stars in a week, powered by the author's 13k followers, not a new idea
What it is A front-end loading placeholder library: while the data hasn't arrived, it lays out the component invisibly using sample data, measures the position of each block, and automatically draws grey skeletons of the same shape, so the page doesn't jump when the content loads.
Why it took off The author has 13k followers among front-end and design engineers on X. On Halloween he posted a polished demo video (160k views, with bookmarks outnumbering likes). He then set it apart from the already-popular boneyard with the line "no build step required."
CHow you could follow suit Stop building web-only skeleton screens. Learn the playbook instead: pick a front-end need that has been validated within the last six months and only do the one thing its users complain about most, or move to an ecosystem nobody is serving like Flutter, SwiftUI, or mini-programs. Pair it with a one-page interactive demo and post a screen recording on X timed to a holiday.
- Data (updated daily) · Repo created 2026-10-19 · 828 stars · 7 days +725
GitHub · stars Data 2026-11-01 → 2026-11-08 (8 days, 8 observations). Points before 10-28 come from deeply / archive backfill, not every day has one
Skullet is an "automatic skeleton screen" front-end library: you wrap your component, it measures what the content looks like, and it draws a loading placeholder of the same shape. The idea was already a hit half a year ago (boneyard, 7,600 stars). Skullet got 773 stars thanks to the author's circle on X, a polished demo video, and the Halloween timing. The playbook can be learned, but three people already hold this lane, and you probably don't have his 13k followers.
The Oct 31 tweet
On Oct 2026, 31 at 1:17 PM UTC, front-end engineer Lochie Axon posted this on X:
Introducing Skullet 💀 Loading states without hand-drawn placeholders or layout shift. Skullet measures your components and draws their skeletons for you. Wrap your component with <Skeleton> and you're done. Happy Halloween! 🎃
It came with a demo video. By Nov 6, the tweet had 2,286 likes, 2,631 bookmarks and 162k views. More bookmarks than likes. For a developer tool, that means many people saved it to use later, not just tapped like and moved on.
The name is a joke too: skull plus mullet, and skeleton screens are already called skeletons. The website's demo copy keeps the bit going: "Wait, how does it know the content length? … Spooky … skeletons usually are 💀".
Lochie Axon is front-end lead at Aave Labs, previously built ConnectKit, and had 13,354 followers on X at the time. This wasn't his first time: his two earlier small libraries, web-haptics (2,800 stars) and torph (1,500 stars), used the same playbook of "one interactive landing page + screen recordings on X." Skullet is the third.
What it actually does
Anyone who has built loading states knows skeleton screens are usually handwritten: a grey bar here, a grey block there. When the content changes, the skeleton no longer matches, and the page jumps when the content finally loads.
Skullet works like this:
``jsx <Skeleton data={user} sample={SAMPLE_USER}> {(user) => <Card user={user} />} </Skeleton> ``
While the data isn't there yet, it takes the sample data you provide, lays out the component invisibly, and measures the position and size of each element. Text gets a bar per line, images get a block, and the skeleton sits exactly where the content will go. When the data arrives, it swaps in with no jump.
It supports React, Vue, Svelte and vanilla JS. A second tweet in Nov 2 covered the details: no extra build step, server-rendered content shows without flicker, the skeleton is skipped if data comes back fast, and images fade in. 1,461 likes, 67k views. The site skullet.lochie.me puts the effect into real-looking interfaces such as blog cards, dashboards, notifications, chat and wallet asset lists, which you can switch between freely.
The npm package first shipped in Oct 26, and is only now at 0.0.3.
How the stars grew
| Date | What happened | star |
|---|---|---|
| 10-19 | Repo created | — |
| 10-31 | Launch tweet + video, 162k views | — |
| 11-01 | Thank-you tweet (thanking Alex van der Zon for design help), 4,879 views | 103 |
| 11-02 | Second tweet covering features, 67k views | 229(+126) |
| 11-03 | 362(+133) | |
| 11-04 | Developer promotion account RammCodes reposting on Instagram / Facebook | 491(+129) |
| 11-05 | 551(+60) | |
| 11-06 | 683 (+132), page updated live 773 |
Data: daily GitHub star counts (11-01 to 11-06); tweet figures as retrieved by 11-06.
A few things to note:
- No spike. Not on Hacker News, no Reddit threads found, no media coverage. After the two tweets, stars kept climbing steadily by over a hundred a day, all driven by small circles of front-end and "design engineer" people on X.
- Not on trending yet. The repo is under 60 days old, and GitHub trending doesn't pick it up yet. A second wave could come after mid-December.
- npm downloads look high. Starting 11-03, it's been over 30k a day, 110k in the last 7 days. For a package with 773 stars and 0.0.3, that's too many. The author's other two packages show the same pattern (torph 346k a week, web-haptics 526k). It could be pulled in by a big app or a dependency chain, or mirror and CI traffic. Unverified.
- 11 issues and 6 PRs mean people are trying it in real projects. Still early.
Who it's competing with
| Project | Launched | Scale | How it differs from Skullet |
|---|---|---|---|
| boneyard | 2026-04-01 | 7,609 stars; 256k npm downloads a week; HN 31 points | Runs a CLI during development to capture the skeleton as a file, and you re-capture every time the UI changes. Skullet measures at runtime. |
| phantom-ui | 2026-03-30 | 816 stars; Show HN: 6 points | Nearly the same approach, built as a Web Component so any framework can use it. The author has no following and the demo is average. |
| skelter / react-zero-skeleton | 2026-04-20 | 65 stars | Walks the React internal component tree and supports React Native |
| auto-skeleton and a few others | 2024–2026 | 0–27 stars | Same idea, nobody saw it |
| react-loading-skeleton | 2017 | 4.2k stars; 1.58M npm downloads a week | Traditional hand-written skeletons |
| react-content-loader | 2017 | 14k stars; 1.05M npm downloads a week | Hand-drawn SVG skeletons |
Data: GitHub, npm download stats (10-30 to 11-05), Hacker News, 11-06.
"Automatically measure the skeleton" was already built by boneyard 2026 3–April, and a string of others followed. Skullet came later, and has less than a tenth of boneyard's stars.
The clearest comparison is phantom-ui: nearly the same technical approach as Skullet, launched 7 months earlier, and it reached 816 stars. Skullet caught up in 6 days. The difference isn't the code. It's whether anyone sees the author's work and how good the demo looks.
Why it made the charts
- The author brings their own distribution. 13k followers, mostly frontend and design engineers, exactly the people who would use this library. The first two libraries already built trust for him.
- The demo sells better than the library. An interactive demo across a full page of real UI, plus a screen recording. You get it in one glance.
- The need doesn't need education. boneyard already proved that "I don't want to hand-write skeletons" is a real need. Skullet only had to say "no build step, just wrap it" to set itself apart from the leader.
- Timing and naming. Released on Halloween, with skull jokes running through the name, emoji, and copy. Free shareability.
- Polish. No flicker, no jumping, images fade in. These are the details design engineers are picky about.
The technical differentiation is small. "No build step" is a useful contrast point, but it isn't the main reason the stars came.
If it were you
Verdict: Copy the playbook, but don't build another skeleton screen. "A proven need + a one-sentence difference + a good-looking demo + riding a holiday" can be reused for other frontend tools. But automatic skeletons already have three players: boneyard, phantom-ui, and Skullet. A fourth entrant with no following will most likely end up like phantom-ui.
Who it fits: People who already have a few thousand frontend or design-leaning followers on X, Jike, Juejin, or V2EX; design engineers who care about detail and can build a polished interactive demo page; developers who know an ecosystem that hasn't been served yet (React Native, Flutter, SwiftUI, mini programs).
Who it doesn't fit: Anyone with zero followers hoping good code will earn stars on its own; anyone unwilling to spend half their time on a landing-page demo and screen recordings; anyone aiming to build a big, all-in-one component library.
How to do it: Find a frontend need that a project has proven in the last six months (check its stars and npm downloads). Find its most disliked point (here, "requires a build step"), do only that one thing well, and state it in the first line. Switching ecosystems is the most realistic path: boneyard and Skullet are both web-only, and I haven't seen anyone make "automatic skeletons" work well on Flutter, SwiftUI, or mini programs. Make the landing page an interactive demo, embedded in several real UIs.
How to get users: Post a 20–40 second screen recording on X, with the effect in the first line. Aim for bookmarks, not just likes. Pick a holiday or trend for the launch date and name it accordingly. A day or two later, post a follow-up that explains the details. With no followers, ask someone in the community with an audience to help polish the design and credit them, in exchange for a repost. Also post on Show HN and Reddit's r/reactjs and r/webdev, which Skullet didn't use. Those spots are open.
When to move: If you want to go after skeletons with a different ecosystem, do it while boneyard and Skullet still have momentum, ideally before Skullet hits trending in mid-December. The playbook doesn't expire. The next holidays (Thanksgiving, Christmas) work too.
Signs you're reading this wrong: ① A similar library from phantom-ui or a zero-follower author organically passes 1,000 stars within a month. That would mean the author's resources matter less than I think, and there's still room in this niche. ② Skullet's star growth stalls in late November and drops to single digits a day. That would mean this was a wave inside a niche circle, and the demand is smaller than it looks. ③ Skullet adds several thousand stars after reaching trending in December. That would mean the skeleton category can hold more players, and an ecosystem switch has better odds.
Data and sources: github.com/lochie/skullet, its README, and daily star counts (11-01 to 11-06); the skullet.lochie.me landing page (11-06); X posts x.com/lochieaxon/status/2116519949799960590 (10-31) and 2117203756203061713 (11-02); RammCodes' Instagram Reel (11-04); npm download stats (10-30 to 11-05); the GitHub pages for boneyard, phantom-ui, skelter, react-loading-skeleton, and react-content-loader; Hacker News submission records.
Research notes: competitor table, acquisition evidence, full research report
- Competitors
Name Where Launched Scale How it differs from this one boneyard(0xGF/boneyard) Open source 2026-04-01 7,609 stars; boneyard-js 256k weekly npm downloads; HN 31 points boneyard runs a CLI during development to generate .bones.json, which requires a build step. Skullet measures at runtime with sample data and has zero build steps. phantom-ui Open source 2026-03-30 816 stars; Show HN 6 points Also measures the DOM at runtime and is built as a Web Component. The author has no influence and a mediocre demo, and needed 7 months to reach 6 days' worth of Skullet's stars. skelter / react-zero-skeleton Open source 2026-04-20 65 stars; 243 npm downloads a week Walks the React Fiber tree and supports React Native. Almost nobody saw it. auto-skeleton / react-auto-skeleton / pulsable Open source 2024-2026 0-27 star Same idea, no distribution react-loading-skeleton Open source 2017 4.2k stars; 1.58M npm downloads a week Traditional hand-written skeletons that only adapt their size react-content-loader Open source 2017 14k stars; 1.05M npm downloads a week Hand-drawn SVG skeletons MUI / shadcn / Kendo Skeleton Big-company features Already around Huge Built into component libraries; skeletons must be positioned by hand - Where users come from
- Verified by the author's own X post + demo video (Halloween day): x.com/lochieaxon/status/2116519949799960590:2,286 95 reposts / 2,631 bookmarks / 162k views
- Verified X second-wave feature thread (comparing the build steps with boneyard): x.com/lochieaxon/status/2117203756203061713:1,461 likes / 67k views
- Verified The author's existing following and cross-promotion across a series of works: earlier projects web-haptics (2,835 stars) and torph (1,531 stars); the README lists torph / easing.dev / web haptics
- Inferred Help and reposts from the design engineer community: the README credits Alex van der Zon (site design) and Pugson. We did not verify who reposted it.
- Verified Developer-run product promotion via reposted content (Instagram / Facebook): RammCodes Reel 2026-11-04, "WOW Homie… It's called Skullet"
- Inferred HN / Reddit: Neither our HN library nor our Jina search turned up any posts.
Skullet (lochie/skullet) research report
Channel: GitHub | Research date: 2026-11-06 | Data card: repo created 2026-10-19, 683 stars on the card (11-06), live GitHub page at 773 stars / 15 forks
Bottom line
Skullet is a frontend library for "automatic skeleton screens". You wrap a component in <Skeleton data sample>. It first renders the component invisibly with sample data, measures each element, and draws a skeleton with the same shape, so the page doesn't jump when the real content loads. It isn't a new idea. Half a year ago, boneyard (7.6k stars) and phantom-ui (816 stars) had already made "measure the skeleton from the real DOM" popular. Skullet took off because of its author Lochie Axon's following in the design engineer circle on X (13k followers; his earlier libraries web-haptics 2.8k stars and torph 1.5k stars), a finished demo video posted on Halloween, and one line positioning it against boneyard: "no additional build step." This is distribution plus the author's resources. The product is just one of several in the category, polished a bit better.
1. What it is
- README: "Smart skeleton states for React, Vue, Svelte, and vanilla JavaScript". Usage:
<Skeleton data={user} sample={SAMPLE_USER}>{(user) => <Card user={user}/>}</Skeleton>. During loading, it uses the sample data to lay out the content invisibly: each line of text becomes a bar, each image a block, so the skeleton fills exactly the space the content will occupy. (Sources: github.com/lochie/skullet, github.com/lochie/skullet/blob/main/packages/skullet/README.…) - The skullet.lochie.me landing page is a full-page interactive demo (blog cards, dashboard, notifications, chat, wallet asset list). The demo copy has a built-in joke: "Wait, how does it know the content length? … Spooky … skeletons usually are 💀".
- npm package skullet: first published 2026-10-26, currently 0.0.3. No GitHub release yet.
2. Competitors (doing the same thing)
| Product | Form | Launched | Scale | How it differs from Skullet |
|---|---|---|---|---|
| boneyard(0xGF/boneyard) | Open source | 2026-04-01 | 7,609 stars; boneyard-js had 256k npm downloads in the last 7 days; HN 31 points (2026-04-03); the author says 100k downloads in the first month | Runs a CLI during development to capture the skeleton as .bones.json. That adds a build step, and with SSR the skeleton ships in the response. Skullet measures at runtime, and its pitch is "no additional build step." |
| phantom-ui(Aejkatappaja) | Open-source Web Component | 2026-03-30 | 816 stars; Show HN 6 points | Also measures the real DOM at runtime, 8kb, and works with any framework. The author has no influence, and the demo isn't impressive enough. |
| skelter / react-zero-skeleton(J-Ben) | Open source | 2026-04-20 | 65 stars; 243 npm downloads a week | Walks the React Fiber tree and supports React Native |
| auto-skeleton (ShanukJ), react-auto-skeleton, pulsable (2024) | Open source | 2024–2026 | 0–27 star | Same idea, and nobody saw it |
| react-loading-skeleton | Open source | 2017 | 4.2k stars; 1.58M npm downloads a week | Traditional approach: hand-written skeletons that only adapt their size |
| react-content-loader | Open source | 2017 | 14k stars; 1.05M npm downloads a week | Hand-drawn SVG skeletons |
| Skeleton components from MUI / shadcn / Kendo | Big-company and component-library skeletons | Already around | Huge | all have to be built by hand |
Verdict: the "auto-measure skeleton" category was already built by boneyard in 2026 3–April. Skullet is the late follower. Its star count (773) is still under a tenth of boneyard's.
Data sources: GitHub API (2026-11-06), npm downloads API (2026-10-30 to 11-05), and the story table in our hackernews library.
3. Growth: where users came from
Timeline
- 10-19 repo created, 10-26 first npm preview release.
- 10-31 (Halloween) 13:17 UTC launch tweet: "Introducing Skullet 💀 … Wrap your component with <Skeleton> and you're done. Happy Halloween! 🎃", with a video attached. 2,286 likes / 95 reposts / 2,631 bookmarks / 162k views. The author had 13,354 followers at the time. (Source: x.com/lochieaxon/status/2116519949799960590, numbers pulled from the fxtwitter API, 11-06.)
- 11-01 thank-you tweet (thanking @alexvanderzon for help polishing the design): 71 likes / 4,879 views.
- 11-02 second tweet, covering features (no build step, no flash on SSR, content shows right away when data is fast, images fade in): 1,461 likes / 1,413 bookmarks / 67k views. (x.com/lochieaxon/status/2117203756203061713)
- From 11-04 on there were reposts: developer-influencer account RammCodes (@rammcodes_) posted an Instagram Reel / Facebook video, "WOW Homie… It's called Skullet", using a screenshot of the tweet. This account also reposted boneyard back in April. It specializes in reposting hot X dev tools. (instagram.com/reel/DfVQEKZI7Ws/)
- It has also been picked up by aggregator sites like context7.com and creatorstoolbox.com.
star curve (from our GitHub repo_day, plus live values from the 11-06 page)
11-01 103 → 11-02 229(+126) → 11-03 362(+133) → 11-04 491(+129) → 11-05 551(+60) → 11-06 683(+132), live on the page 773. After the two tweets it kept gaining over a hundred stars a day, with no spike from a Hacker News or trending front-page hit. It has been on trending for 0 days; it couldn't make the chart until the repo was 60 days old.
npm downloads (npm API)
10-31 2,124 → 11-01 3,717 → 11-02 9,525 → 11-03 27,517 → 11-04 33,295 → 11-05 33,760, 7 days totaling 110k. For a library with 0.0.3 and 773 stars, that number is high. The same author's torph had 346k weekly downloads and web-haptics 526k, also far above their star counts. It may be referenced by a large app (the author works at Family / Aave Labs) or by a dependency chain, or it may be inflated by mirrors and CI. Unverified.
Channel breakdown
| Channel | Evidence | Confirmed? |
|---|---|---|
| Author's own X launch tweet + demo video | 2.3k likes / 160k views / 2.6k bookmarks | Confirmed |
| Second feature tweet (separating it from boneyard's "build step") | 1.5k likes / 67k views | Confirmed |
| Holiday hook (Halloween, skull jokes, name skullet = skull + mullet) | "Happy Halloween" tweet, landing page copy | Confirmed |
| Design engineer circle (design collaborator Alex van der Zon, thanks to Pugson) | README Acknowledgements | Confirmed (who reposted each one not individually verified) |
| Developer-influencer reposts (Instagram / Facebook) | RammCodes Reel,11-04 | Confirmed |
| HN / Reddit | Neither our HN library nor Jina search turned up a Skullet post | None |
| The author already has a following (earlier web-haptics 2.8k, torph 1.5k, same "landing demo + X video" playbook) | GitHub API | Confirmed |
4. Why it took off
- The author brings their own distribution: Lochie Axon is a Principal Frontend Engineer at Aave Labs, built ConnectKit, and has 13k followers on X. This is the "design engineers making small beautiful UI libraries" circle. The previous two libraries each got 1.5k–2.8k stars, and Skullet is the third run of the same playbook.
- The demo sells better than the library: the landing page shows the skeleton effect across 6 real interfaces you can switch between. The tweet's bookmarks (2,631) outnumber its likes (2,286), meaning people are saving it to use later. For a dev tool, that's a strong signal.
- Timing and memes: launched on Halloween, with 💀, the name, and the copy all riffing on skull jokes. Tweets like that spread naturally.
- Riding a need that's already been validated: boneyard proved half a year earlier that "I don't want to hand-write skeletons" is a real need (7.6k stars, 100k downloads in its first month). Skullet doesn't have to educate the market. It only has to explain in one line how it differs: no build step, just wrap and go.
- Engineering polish: supports React, Vue, Svelte and plain JS. No flash on SSR, content shows right away when data is fast, images fade in, skeleton shimmer stays in sync. These are the details the design engineer crowd cares about.
5. Differentiation
- Versus boneyard: boneyard uses a CLI at dev time to capture skeletons and generate
.bones.json, so every UI change means recapturing. Skullet renders from sample data at runtime, with zero build step. The cost is writing a sample data set, and the runtime does one extra hidden render. - Versus phantom-ui: the technical approach is nearly identical (measure the DOM at runtime). The difference is in API shape (render-prop plus sample, versus a Web Component) and in polish. phantom-ui shipped earlier and has about as many stars as Skullet, but it took 7 months, while Skullet took 6 days.
- Takeaway: the technical differentiation is small. What really separated it is the author's reach, demo quality, and launch timing. "No build step" is a useful comparison point, but it isn't the main reason it took off.
6. How many people have seen it
- Word of mouth in small circles: across the X frontend and design engineer crowd, the two tweets total about 230k views, and developer-influencer accounts reposted it. But there's been no hot post on Hacker News or Reddit and no press coverage.
- Open-source project, no revenue involved.
- Copycats: no project explicitly copying Skullet has surfaced as of 11-06. Skullet itself stands inside the copycat wave boneyard set off (phantom-ui, skelter, auto-skeleton all appeared between 2026 2–May).
7. Takeaways
- "Someone validates the need first, then you redo it with better DX and demos": you don't have to invent a category, just state in one line how you differ from the leader (this time, "no build step").
- A dev tool's landing page should be a full page of interactive, real-interface demos. Pair the tweet with a screen recording and aim for bookmarks, not just likes.
- Using a holiday meme to pick the launch day and the name (skull + mullet) gets shareability at zero cost.
- The same author keeps shipping a series of small libraries (torph, easing.dev, web-haptics, skullet), with each README cross-linking the others, so the following keeps compounding.
8. Still unclear
- Where the 30k+ daily npm downloads come from (big apps pulling it in, dependency chains, or mirrors and CI traffic) is unverified.
- We haven't pulled the retweet and quote-tweet lists to see which big accounts reposted it.
- User retention: 11 open issues and 6 PRs show people are already trying it in real projects, but it's still early.
- Star momentum ahead: the repo has to be 60 days old (around mid-December) before it can chart on trending, so a second wave is possible then.