web-development

Configure routing, rendering modes, SEO metadata, and performance budgets for web frameworks.

1|Updated May 15, 2026
One-click install
npx skills add https://github.com/Blaze-sports-Intel/uber-engineer --skill web-development-blaze-sports-intel
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-development
Source: https://github.com/Blaze-sports-Intel/uber-engineer/tree/main/plugins/uber-engineer/skills/web-development
Command: npx skills add https://github.com/Blaze-sports-Intel/uber-engineer --skill web-development-blaze-sports-intel

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

It prevents web apps from launching with poor performance, weak SEO, incorrect rendering choices, or missing observability by aligning each page/route with an explicit “done” definition.

Core Features & Use Cases

  • Route-level rendering decisions: Select SSR/SSG/ISR/RSC/SPA appropriately per route to match data and user needs.
  • SEO and structured data by page: Configure titles, canonical URLs, OpenGraph/Twitter Cards, sitemap/robots, and JSON-LD at the framework boundary.
  • Measured performance and deployment readiness: Establish per-route Core Web Vitals budgets, verify via Lighthouse, and require preview deployments plus error/metrics coverage.

Quick Start

Tell the agent to audit your route table and then generate per-route rendering mode, SEO metadata, performance budgets, and the required preview/observability wiring for deployment.

Frequently Asked Questions about web-development

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I choose the right rendering mode for each route in Next.js or Remix?

Route-level rendering decisions select SSR, SSG, ISR, RSC, or SPA appropriately per route to match data needs and user requirements. This ensures pages load efficiently by aligning the rendering strategy with the specific characteristics of each route.

How do I configure SEO metadata and structured data for web pages?

Configure SEO metadata and structured data by setting titles, canonical URLs, OpenGraph, Twitter Cards, sitemap, robots, and JSON-LD at the framework boundary. This ensures search engines correctly index page content and rich results display properly.

How do I verify Core Web Vitals and set performance budgets for deployment?

Verify Core Web Vitals by establishing per-route performance budgets and validating them using Lighthouse on top routes. This measured approach ensures deployment readiness by confirming pages meet performance standards before going live.

Does this web development approach work with Astro, SvelteKit, and Nuxt?

Yes, this approach applies to framework-level page and route implementation in Next.js, Remix, Astro, SvelteKit, and Nuxt. It supports requests for SSR, SSG, ISR, and RSC configurations across these frameworks.

What deployment observability and validation is required for web pages?

Deployment observability requires preview URL validation, web-vitals dashboard data, and error reporting on synthetic exceptions. This evidence-based verification ensures routing, SEO, and performance remain correct on production.

How do I audit my route table to generate rendering and SEO configurations?

Audit your route table to generate per-route rendering modes, SEO metadata, performance budgets, and required preview and observability wiring. This aligns each page with an explicit deployment readiness definition.