---
title: "Loading States - Air Market"
description: "Content does not always arrive right away, and what people see in that gap decides whether the product feels alive or stuck. This covers the waiting experience: spinners, skeleton placeholders, showi…"
canonical: "https://airmarket.ai/app/loading-states"
---

[Air Market](/) / [Design](/category/design) / Loading States

Skill by [MC Dean](/@owl-listener)

# Loading States

Make the wait feel handled instead of broken

## What this does

Content does not always arrive right away, and what people see in that gap decides whether the product feels alive or stuck. This covers the waiting experience: spinners, skeleton placeholders, showing a result before it is confirmed, and revealing things in stages. Reach for it when something takes time. Latency targets and success messages are separate skills.

### Top 3 things it does for you

- Design what people see while content loads
- Choose between a spinner, a skeleton or an optimistic update
- Reveal content progressively as it arrives

## Information

**Loading States at a glance**

|  |  |
| --- | --- |
| Kind | Skill |
| Publisher | [MC Dean](/@owl-listener) |
| Category | [Design](/category/design) |
| Works with | Agent Skills - an open standard supported by 40+ agents |
| Size | 2 KB |
| Licence | MIT |
| Repository | [Owl-Listener/designer-skills](https://github.com/Owl-Listener/designer-skills/tree/20e34c4a587e5eb09fcdf8351fa97b3ad761b31e/interaction-design/skills/loading-states) |
| GitHub stars | 2,144 (as of Nov 2026) |

## Security report

**Verified.** AIR scanned this exact version of Loading States and flagged nothing. AIR's verdict: **safe**.

**What Loading States's check was run against**

|  |  |
| --- | --- |
| Commit | 20e34c4a587e5eb09fcdf8351fa97b3ad761b31e |
| Content hash | b946447a9e44787ff457528757b028e8346728fa725f0ea3a249a4c5f870dde3 |
| Files read | [Browse the files at this exact commit](https://github.com/Owl-Listener/designer-skills/blob/20e34c4a587e5eb09fcdf8351fa97b3ad761b31e/interaction-design/skills/loading-states/SKILL.md) |

A scan is named by the exact content it read, not by a version number. A different version is a different artifact, and nothing here applies to a version AIR has not scanned.

[Read the full security report for Loading States](/security/loading-states)

## About Loading States

This is about designing the waiting experience: spinners, skeletons, optimistic updates, and progressive reveal.

Use it when content takes time to arrive. For the latency budget itself, use doherty-threshold; for confirming success, use feedback-patterns.

## What's inside

- SKILL.md - instructions

## Questions

### Is Loading States safe to install?

AIR scanned this exact version of Loading States and flagged nothing. AIR's verdict: safe. The verdict is named by the content that was read, at commit 20e34c4a587e, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/loading-states.

### How do I install Loading States?

Open https://airmarket.ai/app/loading-states on Air Market and use the install action: Air Market hands Claude a prompt naming this exact skill, and Claude sets it up. Source, pinned to the exact commit this listing describes: https://github.com/Owl-Listener/designer-skills/tree/20e34c4a587e5eb09fcdf8351fa97b3ad761b31e/interaction-design/skills/loading-states. Install from that link, not the branch.

## Related on Air Market

- [More Design listings](/category/design)
- [Everything by MC Dean](/@owl-listener)

---

Canonical URL: <https://airmarket.ai/app/loading-states>