Skills
.Work. You
Rest

speed-is-the-feature

Community

Build faster, perceived speed.

Design & Creative#performance#speed#ux#loading states#skeleton screens#optimistic ui
Authoroborchers
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the critical need for application responsiveness and perceived speed, ensuring users have a fluid and uninterrupted experience.

Core Features & Use Cases

  • Perceived Performance: Optimizes user experience by meeting Nielsen's three perception thresholds (100ms, 1s, 10s).
  • Optimistic UI: Provides immediate feedback for user actions, updating the UI before server confirmation.
  • Skeleton Screens: Offers a superior loading indicator to spinners, matching content layout for better perceived performance.
  • Performance Budgets: Enforces concrete limits on bundle size (JS < 200KB gzipped) and interaction responsiveness (INP < 200ms).
  • Use Case: When building a new feature, use this skill to ensure all interactions feel instantaneous, page transitions are smooth, and loading states are informative and quick.

Quick Start

Review the current loading states and suggest improvements based on perceived speed principles.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: speed-is-the-feature
Download link: https://github.com/oborchers/fractional-cto/archive/main.zip#speed-is-the-feature

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.