Boneyard：自動從現有 UI 生成 Skeleton Loading Screen

• URL: https://www.threads.com/share/_po7cPqCk/
• Date Saved: 2026-08-20
• Source: Threads (@krumjahn)
• Tags: dev-tools, design-tools
• Repo: https://github.com/0xGF/boneyard

Summary

Boneyard 是一個自動生成 skeleton loading screen 的工具（7K+ stars）。

特點

• 直接讀取現有 UI，提取結構，像素級輸出 skeleton screen
• 不用自己量佈局、不用手刻動畫
• 省掉設計師和工程師之間反覆調整的瑣碎工作
• 宣稱省掉 80% 手工時間

使用方式

• 用 Boneyard wrap 你的 UI components，run build 即自動生成 skeleton
• 也有 Vue 3 port（boneyard-vue）