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