core-web-vitals
Core Web Vitals計測・診斷suキル。 Lighthouse CLI、Bundle Analyzer、パfuォーマンsu問題の特定と対策。
SKILL.md
| 指標 | Good | Needs Improvement | Poor |
| LCP (Largest Contentful Paint) | 4.0s | | INP (Interaction to Next Paint) | 500ms | | CLS (Cumulative Layout Shift) | 0.25 | | FCP (First Contentful Paint) | 3.0s | | TTFB (Time to First Byte) | 1800ms |
| ヒーロー画像が重い | next/image + priority + WebP | | Webフォント読み込み | next/font + display: swap | | サーバー応答遅い | キャッシュ、CDN、DB最適化 | | render-blocking JS | 動的インポート、defer |
Core Web Vitals計測・診斷suキル。 Lighthouse CLI、Bundle Analyzer、パfuォーマンsu問題の特定と対策。 來源：kimny1143/claude-code-template。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/kimny1143/claude-code-template --skill core-web-vitals- 分類
- </>開發工具
- 認證
- —
- 收錄時間
- 2026-02-17
- 更新時間
- 2026-02-18
快速解答
什麼是 core-web-vitals？
Core Web Vitals計測・診斷suキル。 Lighthouse CLI、Bundle Analyzer、パfuォーマンsu問題の特定と対策。 來源：kimny1143/claude-code-template。
如何安裝 core-web-vitals？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/kimny1143/claude-code-template --skill core-web-vitals 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/kimny1143/claude-code-template
詳情
- 分類
- </>開發工具
- 來源
- user
- 收錄時間
- 2026-02-17