SuperAPI AI Directory

skeleton-component-library

Design & creation

View repository

Updated 10-15 21:12

About this skill

Skeleton Component Library

Component Skeletons

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

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

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

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


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