> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cognite.com/llms.txt
> Use this file to discover all available pages before exploring further.

> ## Agent Instructions
> Cognite Data Fusion (CDF) is an industrial DataOps platform. Prefer English docs unless the user asks for another locale.
> Follow /_llms/ index links recursively until you reach page URLs ending in .md. Fetch those Markdown twins instead of HTML.
> For REST APIs, default to calendar version 20230101 (stable). Use 20230101-beta or 20230101-alpha only if the user is on a preview API. Cite paths under /api-reference/concepts/<version>/ and the Cdf-Version header. Prefer the Python SDK (cognite-sdk) unless the user is in JavaScript/TypeScript.
> Start here by task: platform overview /cdf/index.md; data modeling /cdf/dm/index.md; data integration /cdf/integration/index.md; access /cdf/access/index.md; CDF Toolkit /cdf/deploy/cdf_toolkit/index.md; REST quickstart /dev/quickstart.md; Python SDK /dev/sdks/python/index.md; Atlas AI /cdf/atlas_ai/concepts/index.md; Flows apps /cdf/flows/index.md; Aura UI /cdf/aura/index.md; MCP and IDE setup /dev/guides/ide_ai_integration.md.
> For implementation work, also load /skill.md.

# Skeleton

> Placeholder shapes that indicate loading content before data is available, reducing layout shift and perceived wait time.

<Badge color="blue">v1.0.0</Badge> | [View in Storybook](https://master--695bb4b1b8041ae09768950a.chromatic.com/?path=/docs/primitives-skeleton--docs)

## When to use

* While structured content (cards, lists, tables, charts) is loading and you know the approximate layout.
* To avoid empty flashes or jumping layouts when async data arrives.
* Inline with partial page content where only a section is pending.

## When to use something else

* Full-page or unknown-structure loading: use [Page loader](/cdf/aura/primitives/page-loader).
* Measurable progress: use [Progress](/cdf/aura/primitives/progress).
* When content failed to load: use [Empty state](/cdf/aura/primitives/empty-state) or [Alert](/cdf/aura/primitives/alert).

## Behavior

* Match skeleton shapes to the final UI (text lines, avatars, chart blocks) so the transition feels continuous.
* Replace skeletons with real content or an error state as soon as the request resolves.

## Often used with

* [Card](/cdf/aura/primitives/card), [Data grid](/cdf/aura/primitives/data-grid), [Chart](/cdf/aura/primitives/chart), [Avatar](/cdf/aura/primitives/avatar).