骨架屏加载生成器
加载用户体验Tailwind更新于 2026-07-25
使用场景: 用布局稳定的骨架屏加载状态替代转圈动画。
安装
npx skills add skeleton-loader-generator克隆
git clone https://github.com/skillhub-community/skeleton-loader-generator.git描述
检查组件的 DOM 结构并生成匹配的骨架占位符——圆形头像、文本行、卡片矩形——附带脉冲动画和匹配的尺寸。
通过预留加载内容将占据的精确空间,防止累积布局偏移(CLS)。
AI Hub
跑 Skill 需要模型接口?
AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。
打开 AI Hub元数据
作者@perf_mia
许可证MIT
版本1.0.0
依赖1