Autoskeleton Demo

Showcase layout-preserving skeletons

`data-no-skeleton` (always visible)

Loading

This entire block is excluded from skeleton rendering, so controls remain interactive while the rest of the page skeletonizes.

Inference + rendering

Skeletons match text, media, form inputs, and table structure.

This page intentionally mixes different element types to highlight how Autoskeleton adapts to real app screens.

Text + Actions

Headings, paragraphs, and CTA groups render with stable spacing.

Media Blocks

Image placeholders preserve dimensions without jumping.

Complex Layouts

Grids, forms, and tables keep structure while loading.

Media preview

Laptop with code editor on a desk

Photo by Clément H on Unsplash

Recent releases

VersionFocus areaStatus
0.3.0Table supportShipped
0.2.4Flex layout fidelityShipped
0.2.0Role inferencerShipped

`data-no-skeleton` (always visible)

Loading

This entire block is excluded from skeleton rendering, so controls remain interactive while the rest of the page skeletonizes.

Inference + rendering

Skeletons match text, media, form inputs, and table structure.

This page intentionally mixes different element types to highlight how Autoskeleton adapts to real app screens.

Text + Actions

Headings, paragraphs, and CTA groups render with stable spacing.

Media Blocks

Image placeholders preserve dimensions without jumping.

Complex Layouts

Grids, forms, and tables keep structure while loading.

Media preview

Laptop with code editor on a desk

Photo by Clément H on Unsplash

Recent releases

VersionFocus areaStatus
0.3.0Table supportShipped
0.2.4Flex layout fidelityShipped
0.2.0Role inferencerShipped