# Loading Shimmer

> Skeleton placeholders with a soft sweeping shimmer while content loads. Use to fill space for cards/lists/profiles that are still loading and make the wait feel shorter. Honors prefers-reduced-motion (static skeleton). Only show while real content is loading — never as decoration.

- Skill: `nexu-io/loading-shimmer` (Agent Skill, multi-file: 4 files)
- Install (CLI): `npx skillmds@latest add nexu-io/loading-shimmer`
- Raw SKILL.md: https://api.skillmd.com/api/skills/nexu-io/loading-shimmer/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: Nexu (https://skillmd.com/u/nexu-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/nexu-io/loading-shimmer

---


# loading-shimmer

Skeleton placeholders with a soft sweeping highlight. Part of
[motion-anything](https://github.com/nexu-io/motion-anything); obeys `MOTION-SPEC.md`.

## When to use it
- Placeholders for content still loading (cards, lists, profiles, media). Improves perceived performance.

## When NOT to use it (restraint)
- Loads under ~300ms (a skeleton flash is worse than nothing). Never as pure decoration.

## How to apply
1. Copy `loading-shimmer.css` and link it.
2. Add `data-skeleton` to placeholder blocks (give each a width/height).
3. Remove the placeholders (or the attribute) the moment real content arrives.

## Accessibility & performance
- `prefers-reduced-motion`: static skeleton, no sweep. The sweep uses `transform` only (GPU-safe).