Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From ship
Guides Core Web Vitals measurement and frontend performance optimization with LCP, FID, CLS targets, bottleneck identification, and React/bundle optimization references.
How this skill is triggered — by the user, by Claude, or both
Slash command
/ship:use-context-reviewer-performanceWhen to use
performance, Web Vitals, LCP, FID, CLS, パフォーマンス最適化, 速度改善, bundle size
reviewer-performanceThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
| Metric | Target | Measure |
| 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 |
npx claudepluginhub thkt/dotclaude --plugin shipOptimizes website and web app performance by measuring Core Web Vitals with Lighthouse, analyzing bundle sizes and bottlenecks, and implementing caching, code splitting, and asset optimizations.
Diagnoses web performance issues, fixes Core Web Vitals (LCP, INP, CLS), optimizes bundles, assets, and render performance. Use for slow pages or dropping traffic due to speed.
Guides performance measurement and optimization workflows using Core Web Vitals targets. Use when profiling reveals bottlenecks or when load time budgets exist.