🗺️ Frontend Engineering · Journey Playbooks

Playbook: Rescue a slow frontend

Move a lagging app's Core Web Vitals into green without a rewrite.

journey~105 minFrontend EngineersFull-Stack DevelopersDesign Engineers

Journey Steps

1Step 1 — Fix Core Web Vitals regressions systematically: start with "Pull field data (RUM) first; lab scores only reproduce what field data flags"
2Step 2 — Ship images that cost almost nothing: start with "Serve AVIF/WebP with automatic fallbacks via an image component or CDN"
3Step 3 — Put JavaScript bundles on a diet: start with "Generate a bundle report; list the ten largest modules per route"
4How it fits together: Field data first, always. Fix LCP before INP before CLS — perceived speed compounds.

Commands

Install all referenced skills

$ npx skills add aniruddhaadak80/skills --skill web-performance-core-web-vitals && npx skills add aniruddhaadak80/skills --skill web-performance-image-pipeline && npx skills add aniruddhaadak80/skills --skill web-performance-js-bundle-diet

Tags

#playbook#journey#frontend-engineering

Install this skill

$ npx skills add aniruddhaadak80/skills --skill playbook-frontend-engineering-perf-rescue -a opencode

SKILL.md

# Playbook: Rescue a slow frontend

> Move a lagging app's Core Web Vitals into green without a rewrite.

## When to Use This Skill

Move a lagging app's Core Web Vitals into green without a rewrite.

## Steps

1. Step 1 — Fix Core Web Vitals regressions systematically: start with "Pull field data (RUM) first; lab scores only reproduce what field data flags"
2. Step 2 — Ship images that cost almost nothing: start with "Serve AVIF/WebP with automatic fallbacks via an image component or CDN"
3. Step 3 — Put JavaScript bundles on a diet: start with "Generate a bundle report; list the ten largest modules per route"
4. How it fits together: Field data first, always. Fix LCP before INP before CLS — perceived speed compounds.

View source on GitHub ↗

Take retrieval-augmented answers from empty repo to evaluated production feature.

🗺️ AI Engineering·~135m

Open →

🗺️Playbook: Harden an agent before giving it toolsjourney

Ship an autonomous agent whose failure modes are cheap, visible, and reversible.

🗺️ AI Engineering·~125m

Open →

🗺️Playbook: Cut LLM costs without quality collapsejourney

Reduce monthly inference spend measurably while keeping answer quality within tolerance.

🗺️ AI Engineering·~95m

Open →