taste-web-performance

Installation
SKILL.md

taste-web-performance

Speed is part of the design. A hero that paints in 900ms with a shifted headline is a broken hero.

1. THE BUDGETS (Write These Down First)

Target p75 on mobile hardware (the median phone, not your Mac):

  • LCP < 2.5s — the hero text or hero image must be the largest contentful element and must paint fast.
  • CLS < 0.1 — no element moves after it's first painted. Every font, image, and ad-sized box is a CLS risk.
  • INP < 200ms — no click waits on a long task; no JS does heavy work on the main thread at interaction time.
  • Total page weight ≤ 1.5MB for a marketing page; a "simple" page should ship under 500KB.
  • State the budget in the build notes — a page without a stated budget is a page without a plan.

2. FONT LOADING (The #1 Agent Failure)

Installs
1
GitHub Stars
1
First Seen
2 days ago
taste-web-performance — madebymustafa/design-taste