Performance, States & Patterns

What problem does it solve?

This Skill helps you design and implement the moments that make or break user trust: loading, empty, error, offline, notification, and onboarding states.

Core Features & Use Cases

• Perceived Performance Patterns: Use skeleton screens, optimistic UI, progress indicators, prefetching, and offline-first behavior to make interfaces feel faster and more resilient.
• State Coverage: Cover first-use empty states, no-results states, error recovery, permission prompts, and partial-loading flows so users always know what is happening.
• Notification & Onboarding Systems: Build calm, accessible toasts, banners, push notifications, and first-run experiences that guide users without overwhelming them.
• Use Case: Redesign a dashboard that feels slow and brittle by replacing blank loading screens with skeletons, adding retry handling, and creating clearer empty-state guidance.

Quick Start

Ask the skill to audit your interface states and produce accessible loading, empty, error, offline, onboarding, and notification patterns for your product.