メニュー
Core Web Vitals budgets and frontend performance discipline. Load when work affects rendering, assets or interactivity.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
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.
| 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.