# Web Vitals

> Performance optimization and SEO requirements.

- Skill: `luissambrano/web-vitals` (Agent Skill)
- Install (CLI): `npx skillmds@latest add luissambrano/web-vitals`
- Raw SKILL.md: https://api.skillmd.com/api/skills/luissambrano/web-vitals/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Marketing & Growth
- Author: LuisSambrano (https://skillmd.com/u/luissambrano)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/luissambrano/web-vitals

---


# Web Performance & SEO Protocol

## Rendering
- Optimize LCP (Largest Contentful Paint) < 2.5s.
- Always use Next.js `<Image>` component.
- Prioritize static rendering or ISR over SSR when content updates are infrequent.

## SEO
- Generate dynamic `metadata` objects in Next.js `layout.tsx` or `page.tsx`.
- Include standard `robots.txt` and `sitemap.xml` components.
- Enforce semantic HTML (`<main>`, `<article>`, `<nav>`, `<h1>` to `<h6>`).