·chrome-debug
</>

chrome-debug

Как использовать Chrome DevTools MCP для отладки браузера. Используйте, когда вам нужно проверить страницы, сделать снимки экрана, отладить проблемы пользовательского интерфейса или проверить визуальные изменения.

4Установки·0Тренд·@akornmeier

Установка

$npx skills add https://github.com/akornmeier/claude-config --skill chrome-debug

Как установить chrome-debug

Быстро установите AI-навык chrome-debug в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/akornmeier/claude-config --skill chrome-debug
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: akornmeier/claude-config.

This skill explains how to use the Chrome DevTools MCP for browser debugging and UI verification.

Before using Chrome DevTools MCP, you must launch Chrome in headless mode with remote debugging enabled:

This runs Chrome with the required flags for Docker/containerized environments:

Как использовать Chrome DevTools MCP для отладки браузера. Используйте, когда вам нужно проверить страницы, сделать снимки экрана, отладить проблемы пользовательского интерфейса или проверить визуальные изменения. Источник: akornmeier/claude-config.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/akornmeier/claude-config --skill chrome-debug
Источник
akornmeier/claude-config
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-25
Обновлено
2026-03-10

Browse more skills from akornmeier/claude-config

Короткие ответы

Что такое chrome-debug?

Как использовать Chrome DevTools MCP для отладки браузера. Используйте, когда вам нужно проверить страницы, сделать снимки экрана, отладить проблемы пользовательского интерфейса или проверить визуальные изменения. Источник: akornmeier/claude-config.

Как установить chrome-debug?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/akornmeier/claude-config --skill chrome-debug После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/akornmeier/claude-config

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-25