Skeleton component library

Skill Dragoon0x/everything-design-taste/skills/skeleton-component-library

Common skeleton screen patterns for different component types.From its SKILL.md

Install

npx -y skills add Dragoon0x/everything-design-taste --skill skeleton-component-library

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

9 stars9 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

1.4 KB, 222 tokens by cl100k_base, as published. Nobody here has run it

Skeleton Component Library

Component Skeletons

Text paragraph:
████████████████████████████████████
██████████████████████████████
████████████████████████████████████████

Card:
┌─────────────────┐
│ ████████████████ │  ← Image placeholder
│ ████████████     │  ← Title
│ ██████████████   │  ← Description line 1
│ ████████████     │  ← Description line 2
│ ██████           │  ← Metadata
└─────────────────┘

Avatar + Name:
(●) ████████████

Table Row:
████ │ ████████ │ ██████████ │ █████

Rules

Match real content dimensions exactly
Vary text line widths (not all same length)
Shimmer animation: left to right, 1.5s cycle
Show 3-5 skeleton items, not 20
Transition: fade in real content, don't replace instantly

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.