agentsclimarketplace
Sign in

Performance budget lab

Skill TheGoat395/Codex-Skills/skills/performance-budget-lab

Use for website performance planning, Lighthouse/web-vitals checks, bundle/media/font budgets, Core Web Vitals triage, image/video optimization, animation performance, deployment readiness, and premium-site speed audits.From its SKILL.md

Install
npx -y skills add TheGoat395/Codex-Skills --skill performance-budget-lab

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

SKILL.md

1.2 KB, 219 tokens by cl100k_base, as published. Nobody here has run it

Performance Budget Lab

Use this skill to keep visually rich sites fast.

Budget Areas

  • JavaScript bundle size
  • route-level code splitting
  • image dimensions, formats, and lazy loading
  • video poster, preload, autoplay, and reduced-data behavior
  • font loading and fallback metrics
  • animation cost and scroll handlers
  • layout shift sources
  • server rendering/static rendering choices
  • caching and CDN behavior

Workflow

  1. Identify stack and deployment target.
  2. Inspect package dependencies and route structure.
  3. Run available build/lint/test commands.
  4. Run Lighthouse or browser performance checks when feasible.
  5. Check Core Web Vitals risks: LCP, CLS, INP, TTFB.
  6. Optimize media before adding more JS.
  7. Prefer CSS and Motion for small interactions; reserve GSAP/R3F/video for clear value.
  8. Report tradeoffs honestly when visual richness costs performance.

Output

Give:

  • current risks
  • recommended budgets
  • concrete fixes
  • commands run
  • remaining uncertainty

What ships with it: 1 file

210 B alongside SKILL.md

agents/

Keep looking

Skills are one crate of 325,949. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.