name: optimizing-performance description: > Frontend performance optimization with data-driven approach. Use when optimizing page load times, improving Web Vitals, or when user mentions performance, Web Vitals, LCP, FID, CLS, パフォーマンス最適化, 速度改善, bundle size. allowed-tools: [Read, Grep, Glob, Task, Bash(agent-browser:), mcp__mdn__] agent: performance-reviewer context: fork user-invocable: false
Performance Optimization
Core Web Vitals
| Metric | Target | Measure |
|---|---|---|
| LCP | <2.5s | Largest Contentful Paint |
| FID | <100ms | First Input Delay |
| CLS | <0.1 | Cumulative Layout Shift |
Workflow
- Measure (Lighthouse/DevTools)
- Identify bottleneck
- One change at a time
- Re-measure
References
| Topic | File |
|---|---|
| Vitals | references/web-vitals.md |
| React | references/react-optimization.md |
| Bundle | references/bundle-optimization.md |
chat Comments (0)
Sign in to join the discussion and leave a comment.
Skill Details
GitHub Stars
3
GitHub Forks
0
Created
Jan 2026
Last Updated
il y a 5 mois
tools
tools debugging
Related Skills
Build your own?
Join 12,000+ developers contributing to the Claude ecosystem.
No comments yet. Be the first to share your thoughts!