crm

Use BEFORE building or changing any UI — components, layout, color, spacing, typography, interaction states, or visual styling — to verify the planned change matches the Figma design via the Figma MCP. Run this gate before writing or editing UI code.

Use when placing features, repositories, hooks, or fixing dependency-cruiser errors.

Use when validating frontend changes before commit, push, or PR.

Use when placing, moving, naming, or splitting frontend files.

Use when retrieving or addressing PR review comments.

Use when frontend files, components, hooks, or helpers exceed complexity gates.

Use when creating new repository documentation or agent guides.

Use when code, commands, tools, or workflows change documentation obligations.

Use when building or changing React components, hooks, forms, or feature UI.

Use when improving frontend performance, Lighthouse, web-vitals, or a11y.

Use when writing or fixing Jest, Testing Library, Playwright, or visual tests.

Use when creating, running, or debugging K6 load tests for frontend flows.

Use when adding frontend telemetry, logs, Sentry, or web-vitals signals.

Use when selecting, running, or triaging frontend test suites.