骨架屏加载生成器

加载用户体验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

依赖

Tailwind Animation Recipes