Термос Беспалова
Скилл · Инструменты

Dev Browser

Браузер для отладки: DOM, сетевые запросы, консоль — с сохранением состояния.

О скилле

Что делает

Браузер глазами разработчика: инспекция DOM, перехват сетевых запросов, чтение ошибок консоли и анализ поведения продакшена — через Chrome DevTools Protocol, не выходя из Claude. Причина production-ошибки находится без переключения между инструментами; QA-инженеру удобно воспроизводить баги и собирать доказательства. Состояние браузера сохраняется между операциями.

Источник

Откуда скилл и как поставить

Автор и репозиторий

Автор — Yeongyu Kim. Репозиторий собрал 61k звёзд на GitHub. Лицензия указана в репозитории. Файл dev-browser.md открыт: прочитать его можно до установки.

Открыть репозиторий

Установка в Claude Code

Склонируйте репозиторий в ~/.claude/skills/ и перезапустите Claude Code — скилл подхватится сам. Дальше просто попросите ассистента использовать «Dev Browser».

Cursor и другие редакторы

Скопируйте содержимое SKILL.md в системные правила проекта. Скиллы не запускают код — это текстовые инструкции, которые меняют поведение модели.

Хотите внедрить, но некогда разбираться?

Подберу скиллы под вашу задачу, поставлю и покажу на живом примере — быстрее, чем читать документацию.

Получить консультацию
Дальше

Куда идти дальше

Категория «Инструменты»

Скиллы, которые прокачивают сам процесс работы с Claude Code и Cursor: память и контекст, планирование, оркестрация агентов, связки с GitHub, Notion и почтой.

Ко всем скиллам категории

Словарь терминов

Промпт, токен, MCP, агент — 44 понятия простыми словами, если что-то на этой странице звучит незнакомо.

Открыть словарь

Гайды

Пошаговые разборы: от первого промпта до своих агентов и автоматизации.

К каталогу гайдов
Вопросы

Частые вопросы

Что делает скилл Dev Browser?
Браузер для отладки: DOM, сетевые запросы, консоль — с сохранением состояния. Это Agent Skill — текстовое расширение для Claude Code и Cursor: подключается файлом SKILL.md и меняет поведение ассистента, кода внутри нет. Темы скилла: универсальный.
Как установить Dev Browser?
Склонируйте репозиторий автора в папку скиллов: git clone https://github.com/code-yeongyu/oh-my-openagent/tree/dev/src/features/builtin-skills/dev-browser ~/.claude/skills/dev-browser — и перезапустите Claude Code, он подхватит скилл сам. В Cursor и похожих редакторах скопируйте содержимое SKILL.md в правила проекта. Перед установкой файл стоит прочитать: это обычный текст.
Это бесплатно?
Да. Скилл «Dev Browser» открыт: автор — Yeongyu Kim, скачивается из официального репозитория без регистрации. Лицензия указана в репозитории. На этой странице ничего покупать не нужно — каталог часть моего раздела «Обучение».

Нужен такой результат в вашей работе?

Напишите, чем занимаетесь, — скажу, закроет ли задачу этот скилл или собрать решение под вас.

Получить консультацию

Пн–Вс, 10:00–20:00. Отвечаю лично.