Playground

The playground is a multi-route QA surface for validating how the package behaves in realistic request patterns.

Each scenario compares:

• with package (@kerothebosa/ui-skeleton-net active)
• without package (same UI/request flow, no skeleton enhancer)

Run Locally (Consumer-Like Mode)

npm run demo:dev

Open:

http://127.0.0.1:4174/#/overview

Route Coverage

The demo includes scenario routes for:

• overview
• dashboard
• analytics
• table
• search
• forms
• workflow
• feed

Config Presets and Import/Export Flow

• Start from built-in presets in playground/config/*.json.
• Switch between configurations to observe timing and skeleton visual differences.
• Import/export JSON-based config snapshots during manual QA sessions.

Live Demo

• Open live demo in new tab

Continue with internals: see lifecycle sequencing in Lifecycle & Events.

For full option signatures, open the API Reference.

Source Of Truth Guide