Что такое core-web-vitals?
Навыки измерения и диагностики основных веб-показателей. Lighthouse CLI, Bundle Analyser, выявляющий проблемы с производительностью и меры противодействия. Источник: kimny1143/claude-code-template.
·core-web-vitals
</>
core-web-vitals
✓kimny1143/claude-code-templateGitHub: kimny1143/claude-code-templateИсточник: kimny1143/claude-code-template
Навыки измерения и диагностики основных веб-показателей. Lighthouse CLI, Bundle Analyser, выявляющий проблемы с производительностью и меры противодействия.
Как установить core-web-vitals
Быстро установите AI-навык 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 или OpenClaw
Источник: kimny1143/claude-code-template.
SKILL.md
Показать raw| 指標 | 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 |
Навыки измерения и диагностики основных веб-показателей. Lighthouse CLI, Bundle Analyser, выявляющий проблемы с производительностью и меры противодействия. Источник: kimny1143/claude-code-template.
Факты (для цитирования)
Стабильные поля и команды для ссылок в AI/поиске.
- Команда установки
npx skills add https://github.com/kimny1143/claude-code-template --skill core-web-vitals- Источник
- kimny1143/claude-code-template
- Категория
- </>Разработка
- Проверено
- ✓
- Впервые замечено
- 2026-02-17
- Обновлено
- 2026-03-10
Короткие ответы
Как установить 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 или OpenClaw
Где находится исходный репозиторий?
https://github.com/kimny1143/claude-code-template
Детали
- Категория
- </>Разработка
- Источник
- skills.sh
- Впервые замечено
- 2026-02-17