Does this skill improve my server response times?

No, this skill focuses on perceived performance—the sensory experience of the user—rather than backend engineering or network optimization.

When should I use optimistic UI patterns?

Optimistic UI is best for low-risk, reversible actions like 'liking' a post or toggling a setting where server rejection is rare and speed is critical for flow.

What artifacts does this skill generate?

It generates HTML specimens showing side-by-side comparisons of states (Before/Loading/After) and timing specification tables for implementation.

What is a loading performance critique?

It is a structured review process that focuses on how an application handles the 'wait' period, using design patterns to make the interface feel faster and keep users informed.

Loading & Perceived Performance Critique

Name: Loading & Perceived Performance Critique
Author: metedata

bymetedata

0•

デザインツール

Evaluates and designs perceived performance patterns, loading states, and transitions to enhance user experience during data fetching.

The Loading & Perceived Performance Critique skill empowers Claude to act as a senior UX designer specializing in the 'fragile' moments of user interaction. It analyzes application screens to identify async operations and recommends specific patterns—such as skeleton screens, optimistic UI, and progress indicators—based on expected duration tiers. By generating structured HTML wireframes and transition storyboards, it allows teams to visualize and iterate on how a product feels to the user, ensuring transparency and trust even during high-latency events.

主な機能

01Optimistic UI strategy with defined rollback behaviors

02Interactive transition storyboarding (Before -> Loading -> After)

03Duration-based loading pattern mapping (Instant to Extended)

040 GitHub stars

05Automated loading moment inventory across all application views

06Skeleton screen and shimmer effect specification

ユースケース

01Planning route transitions and navigation loading bars for SPAs

02Designing consistent skeleton screen layouts for complex data dashboards

03Defining optimistic update patterns for high-frequency social interactions

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add metedata/design-crit crit-loading-performance

For use in Claude.ai and ChatGPT

Download Skill