Lighthouse CI Budget for a Route
Add a Lighthouse CI budget for the routes that matter. Fail the build on a regression, not on a noisy score. ROUTES [LIST 3 URLS] Device: [MOBILE] Metrics that gate: [LCP, INP OR TBT, CLS] Numbers I will accept: [TARGETS OR "propose a starting budget from a baseline"] Auth: [PUBLIC | A COOKIE I WILL PROVIDE IN CI] Hosting: [URL OF PREVIEW] DELIVER 1) The config: number of runs, the median, and the assertions. Use numeric budgets for LCP and CLS rather than the overall performance score alone, and say why the score is a bad gate. 2) The CI step and the token or URL it needs. Where the report is uploaded. 3) How we set the first budget: run on main, take the median, add a little room, write the number down. Do not invent a 100. 4) The exceptions process: a comment with an expiry, not a disabled job. 5) What a failure usually means on these routes (image, font, a third party) and the first place to look. Do not gate on accessibility score here if we already have an axe suite; mention both and keep this job about speed and CLS.
🌟 Example Output / Preview
Prompt Metadata
Primary Use Cases:
- •Legacy code modernization & technical refactoring
- •Full-stack layout generation & component structuring
- •CI/CD workflow automation & unit/E2E testing suites
Associated Tags:
💡 Pro Tips & Advice
1. Use bracketed items: Be sure to fill out all [PLACEHOLDER] elements with specific details before sending the prompt to the AI model.
2. Adjust temperature: For creative tasks, set AI temperature higher (e.g., 0.8), or lower (e.g., 0.2) for strict coding/technical tasks.
🔗 Related AI Prompts
Full SaaS Landing Page Build Spec (SEO + Conversion)
You are a Staff Product Designer + Frontend Engineer + SEO strategist. Build a complete, production-ready marketing landing page f...
SaaS Analytics Dashboard Full Build Spec
You are a Principal Product Designer + Frontend Lead. Design and specify a complete [LIGHT | DARK] analytics dashboard for [PRODUC...
SaaS Admin Panel Dashboard Build Spec
Design a full internal Admin Dashboard for [PRODUCT_NAME] used by [ADMIN_ROLE: support | ops | super-admin]. --- 🎯 CONTEXT Adm...