crit-loading-performance

What problem does it solve?

This Skill helps designers and product teams make asynchronous loading states feel faster, clearer, and trustworthy by auditing every loading moment and prescribing cohesive UI patterns that reduce uncertainty and layout shift.

Core Features & Use Cases

• Loading Audit: Catalogs every async operation across the screen inventory and transition paths, classifying duration tiers and criticality.
• Animated Specimens: Generates BEFORE → LOADING → AFTER HTML specimens with shimmer, spinner, and progress animations so stakeholders can experience each option.
• Timing & Policy: Produces concrete timing specifications, optimistic UI inventories, transition storyboards, and guidance that respect locked layout, color, and component constraints.
• Use Cases: Evaluate dashboards, search results, detail views, image galleries, form submissions, and route transitions during design crit rounds.

Quick Start

Run the loading-performance crit in your project directory to audit async moments and generate animated before, during, and after HTML specimens for side-by-side comparison.