skills/optimizing-performance/SKILL.md
Frontend performance optimization. Use when: performance, Web Vitals, LCP, FID, CLS, パフォーマンス最適化, 速度改善, bundle size.
npx skillsauth add thkt/claude-config 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
Codex review + cleanup. Findings are challenged by critic-audit, not aggregated as facts, and fixes are applied directly. Do NOT use for internal multi-reviewer deep audits or findings reports (use /audit).