Agent SkillsAtlasBETASign in
Back to directory

React Performance and Delivery Optimization

Agent skill
1 skill
READMEOverview ↓

Use when defining, reviewing, or hardening the performance and delivery posture of a React app against Web Vitals budgets after the other react archetypes exist and performance architecture has set per-route budgets. Produces per-route performance budgets, code-splitting and lazy-loading topology, image and font posture, third-party-script audit, Web Vitals instrumentation (LCP/CLS/INP/TTFB), Lighthouse and bundle-analyzer CI gates, and CDN/edge cache-control posture. Do not use for app scaffolding, routing topology, state or data-fetching wiring, or design-system and accessibility work; use the other react archetype skills instead.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

Supported by the Atlas install prompt. Skill-specific requirements vary.

Skill stats

Skills1CategoryEngineeringStars0

About this skill

Use when defining, reviewing, or hardening the performance and delivery posture of a React app against Web Vitals budgets after the other react archetypes exist and performance architecture has set per-route budgets. Produces per-route performance budgets, code-splitting and lazy-loading topology, image and font posture, third-party-script audit, Web Vitals instrumentation (LCP/CLS/INP/TTFB), Lighthouse and bundle-analyzer CI gates, and CDN/edge cache-control posture. Do not use for app scaffolding, routing topology, state or data-fetching wiring, or design-system and accessibility work; use the other react archetype skills instead.

Quick start

  1. Copy the install prompt. Use the green button above this README.
  2. Send it to your agent. Paste it into your coding agent’s chat and send.
  3. Review the setup. Your agent checks the skill’s instructions, requirements, and installation scope.

Installation guide →

Review, license & listing details
Review the source before using this skill

This is an imported listing. We haven’t certified its safety, license, or compatibility. Skills may include executable scripts.

Automated security scan: Partial

Only SKILL.md was scanned. Supporting files and scripts were not checked. No safety grade has been assigned.

0 potential findings · Scanned 11/4/2026 · Scanner 0.2.1

Content SHA-256: 04efb74339b2d3f76f224f81815295922b29636dacd3c355b25a134b169eee4e

About scan coverage and limitations
Original listing metadata

Original name

react-performance-and-delivery-optimization

Original description

Use when defining, reviewing, or hardening the performance and delivery posture of a React app against Web Vitals budgets after the other react archetypes exist and performance architecture has set per-route budgets. Produces per-route performance budgets, code-splitting and lazy-loading topology, image and font posture, third-party-script audit, Web Vitals instrumentation (LCP/CLS/INP/TTFB), Lighthouse and bundle-analyzer CI gates, and CDN/edge cache-control posture. Do not use for app scaffolding, routing topology, state or data-fetching wiring, or design-system and accessibility work; use the other react archetype skills instead.

About this listing

Category
Engineering
Reported license
MIT
Listing language (estimated)
English
Review status
Not individually reviewed
Agent compatibility
Atlas installation supports Claude Code, Codex, and Cursor. Skill-specific dependencies and features are checked during setup.
KEEP EXPLORING

Related packs & skills

Browse category →

Finding related packs and skills…

React Performance and Delivery Optimization | Agent Skills Atlas