skills/optimizing-performance/SKILL.md
Frontend performance optimization. Use when: performance, Web Vitals, LCP, FID, CLS, パフォーマンス最適化, 速度改善, bundle size.
npx skillsauth add thkt/dotclaude optimizing-performanceInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
| Metric | Target | Measure | | ------ | ------ | ------------------------ | | LCP | <2.5s | Largest Contentful Paint | | FID | <100ms | First Input Delay | | CLS | <0.1 | Cumulative Layout Shift |
| Topic | File |
| ------ | ------------------------------------------------------- |
| Vitals | ${CLAUDE_SKILL_DIR}/references/web-vitals.md |
| React | ${CLAUDE_SKILL_DIR}/references/react-optimization.md |
| Bundle | ${CLAUDE_SKILL_DIR}/references/bundle-optimization.md |
tools
Delegate implementation to codex (coder) via the herdr-agentchat plugin and drive a two-pane conversation to completion.
development
Extract recurring patterns from past closed PRs/issues and the research findings in workspace/research/, verify them against the latest code, and propose them to docs/wiki/ via PR.
development
Create Decision Records (DR) in MADR v4 format with auto-numbering.
development
Detect flaky tests by shaking them — repeated runs under varied order, parallelism, and seed — plus a static smell scan that flags latent flakiness in tests that currently pass. Classify each target as confirmed-flaky, latent-flaky, or stable and fix the root cause without weakening the test. Do NOT use to fix a confirmed single bug (use /fix) or for static-only code review (use /audit).