Menu
Core Web Vitals budgets and frontend performance discipline. Load when work affects rendering, assets or interactivity.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Context engineering — memory navigation, textual graph traversal, progressive disclosure, recovery. Load when assembling context for a task or when lost.
Implementation-side security discipline — headers, dependencies, secrets, authz. Load for hardening work (sec-ops domain).
Commit conventions, branching, anchors in messages, and the git safety rules. Load for any git operation beyond status/diff.
Anti-generic-AI design discipline — bans, tells, and the slop test. Load for ANY new UI surface or visual redesign. Inspired by Impeccable (Apache 2.0).
Motion & animation discipline — purpose, performance, reduced-motion. Load when work involves animation, transitions or scroll effects.
Microcopy discipline — buttons, errors, empty/loading/success states, alt text. Voice and tone come from the project's memory, not from this skill.
Based on SOC occupation classification
| name | performance-cwv |
| description | Core Web Vitals budgets and frontend performance discipline. Load when work affects rendering, assets or interactivity. |
| Metric | Budget | Owner action on breach |
|---|---|---|
| LCP | ≤ 2.5s | block merge, investigate |
| INP | ≤ 200ms | block merge |
| CLS | ≤ 0.1 | block merge |
| JS bundle (route) | ≤ 170KB gz | justify or split |
Budget changes are ADRs (architect) — an agent never relaxes a budget to pass.
font-display: swap + preload critical faces + subsetprefers-reduced-motion is mandatory, not optionalLighthouse CI against budgets on changed routes · no long tasks >50ms introduced · bundle diff reviewed when deps change.