骨架屏生成器

骨架屏（Skeleton Screen）是内容加载完成前展示的占位画面：用灰色块模拟即将出现的文本行、头像、图片与卡片布局，让用户对页面结构建立预期，比转圈 Loading 体验更好。本工具通过可视化拼装的方式生成骨架屏结构，导出的代码纯 HTML + CSS、零依赖，可直接复制进任何项目。

典型应用场景

• 列表页、信息流的首次加载与翻页加载占位
• 文章详情页在接口返回前的结构占位
• 卡片流（商品、作品集）的加载占位
• 配合路由切换，做页面级过渡骨架

常见问题

• 脉冲和扫光怎么选？脉冲实现简单、视觉安静，适合大面积占位；扫光更接近 iOS / Facebook 风格，适合浅灰背景上的精致效果。
• 生成的代码有依赖吗？没有，全部是原生 HTML 与 CSS，类名前缀为 sk-，动画只用 CSS keyframes 实现。
• 怎么接入真实数据？把骨架块替换为对应尺寸的真实内容元素即可，常见做法是用 v-if 在加载态切换骨架与内容。