Frontend Engineering guides

Build web pages and components, then audit and verify them before they ship.

These guides help you build, audit, and check a web page or component before it ships.

Start here

Build a page or component — Build a web page or component that is checked for accessibility, states, and layout before it ships.

Scaffold a component from a screen brief — Work from a screen brief to a finished component, state by state.
Run a frontend audit — Run the full audit on an existing page and read the output.
Choose how much contract a page owes — Pick the risk tier that sets how much contract a surface owes.
Read the design handoff — What the pre-flight reads from your design directory, and what each skip or refusal means.
Inspect the rendered page — Take, record, and judge captures of the rendered page.
Frontend Engineering Pack — All nine skills and the frontend-reviewer agent.
Performance Targets — The Core Web Vitals targets and how to set asset budgets.