Logoskills for everything
Agent Skill
2/7/2026

optimizing-performance

データ駆動アプローチによるフロントエンドパフォーマンス最適化。 ページロード時間の最適化、Web Vitalsの改善、または performance, Web Vitals, LCP, FID, CLS, パフォーマンス最適化, 速度改善, bundle size に言及した時に使用。

T
thkt
5GitHub Stars
1Views
npx skills add thkt/claude-config

SKILL.md

Nameoptimizing-performance
Descriptionデータ駆動アプローチによるフロントエンドパフォーマンス最適化。 ページロード時間の最適化、Web Vitalsの改善、または performance, Web Vitals, LCP, FID, CLS, パフォーマンス最適化, 速度改善, bundle size に言及した時に使用。

name: optimizing-performance description: > データ駆動アプローチによるフロントエンドパフォーマンス最適化。 ページロード時間の最適化、Web Vitalsの改善、または 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

パフォーマンス最適化

Core Web Vitals

メトリクスターゲット測定対象
LCP<2.5秒Largest Contentful Paint
FID<100msFirst Input Delay
CLS<0.1Cumulative Layout Shift

ワークフロー

  1. 測定 (Lighthouse/DevTools)
  2. ボトルネック特定
  3. 一度に一つの変更
  4. 再測定

参照

トピックファイル
Vitalsreferences/web-vitals.md
Reactreferences/react-optimization.md
バンドルreferences/bundle-optimization.md
Skills Info
Original Name:optimizing-performanceAuthor:thkt
Download
View on GitHub