Skeleton Loader Generator

Name: Skeleton Loader Generator
Author: @perf_mia

LoadingUXTailwindUpdated 2026-07-25

When to use: Replacing spinners with layout-stable skeleton loading states.

Install

npx skills add skeleton-loader-generator

Git Clone

git clone https://github.com/skillhub-community/skeleton-loader-generator.git

Repository Docs

Description

Inspects a component's DOM shape and generates matching skeleton placeholders — avatar circles, text lines, card rectangles — with pulse animation and matching dimensions.

Prevents cumulative layout shift (CLS) by reserving the exact space the loaded content will occupy.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@perf_mia

LicenseMIT

Version1.0.0

Dependencies1

Dependencies

Tailwind Animation Recipes