DesignCodexClaude

Skeleton Loading Pass

Design loading states that preserve layout and feel quiet.

Reviews loading surfaces for layout stability, visual restraint, perceived speed, and reduced content jump.

Curated score

83

Difficulty

Easy

Risk

Low

What it helps with
Add table skeleton
Prevent layout shift
Design loading card
Use cases
Async UI
Dashboards
Mobile polish
Skill contents
SKILL.mdIncluded
ScriptsNot listed
ReferencesIncluded
AssetsIncluded
loadingskeletonUX
Safety / risk notes
LowSKILL.md

Check before using

Read the SKILL.md trigger rules.
Check generated edits before applying them broadly.
Keep credentials out of prompts and examples.
Source

GitHub

Source

Similar skills

Nearby shelf.

🧊Empty States Designer

Design useful empty, loading, and no-results states.

🎨Frontend Design

Production-grade interfaces with a clear visual point of view.

🪄Landing Page Polish

Tighten landing pages without turning them into templates.

💬UX Copy Polish

Make interface copy shorter, clearer, and calmer.

🧼UI Cleanup

Remove visual clutter and tighten spacing, labels, and states.

🖼️Image Asset Optimizer

Clean up image assets for size, format, and responsive use.