dev-tools-skill
Отладка веб-приложений с помощью Chrome DevTools
Ошибки фронтенда бывает трудно воспроизвести только по коду. Этот навык помогает Claude, Codex и Claude Code собирать доказательства через Chrome DevTools MCP.
Установить с помощью моего Агента
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "dev-tools-skill" from https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill.md and its manifest at https://skillstore.io/api/skills/eccentric-jamaican-dev-tools-skill/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Ресурсы для AI-агентов
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Протестировать
Использование «dev-tools-skill». My product page loads as a blank screen.
Ожидаемый результат:
Консоль показывает первую ошибку приложения во время загрузки. Вероятная причина — отсутствие данных перед рендерингом. Предлагаемое исправление: защитить состояние компонента и проверить результат перезагрузкой.
Использование «dev-tools-skill». The landing page feels slow on first load.
Ожидаемый результат:
Трассировка указывает на медленный LCP из-за большого hero image. Предлагаемое исправление: отдавать адаптивные размеры изображений и отложить некритичные скрипты.
Использование «dev-tools-skill». The dashboard login succeeds, but no data appears.
Ожидаемый результат:
Сбойный запрос возвращает ошибку авторизации. Предлагаемое исправление: проверить auth header и путь обновления token, затем повторно протестировать сценарий.
Аудит безопасности
БезопасноAll static findings were false positives caused by Markdown inline code for DevTools MCP tool names or benign debugging guidance. No prompt injection, data exfiltration intent, or malicious automation instructions were found. The skill emphasizes evidence gathering, read-only inspection where possible, and confirmation before destructive actions.
Факторы риска
Поделиться и цитировать этот отчет
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
Копировать ссылку на отчёт
https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportЗначок Markdown
[](https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill?utm_source=security_passport_badge)Значок HTML
<a href="https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/eccentric-jamaican-dev-tools-skill/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Встраиваемая карточка
<iframe src="https://skillstore.io/embed/skills/eccentric-jamaican-dev-tools-skill.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Академические ссылки (APA · BibTeX · CFF)
Цитата APA
Eccentric-jamaican. (2026). dev-tools-skill security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8Цитата BibTeX
@techreport{eccentric-jamaican-eccentric-jamaican-dev-tools-skill-2026,
author = {Eccentric-jamaican},
title = {dev-tools-skill security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "dev-tools-skill security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "Eccentric-jamaican"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8"
identifiers:
- type: other
value: "skillstore:eccentric-jamaican-dev-tools-skill:audit:8"
description: "Skillstore immutable audit report identifier"
Оценка Skillstore
Почему такая оценка Достоверность доказательств: ВысокийЧто вы можете построить
Диагностика ошибок взаимодействия UI
Проверяйте снимки, скриншоты, вычисленные стили и взаимодействия в браузере, чтобы находить проблемы макета или кликов.
Расследование неудачных браузерных сценариев
Проверяйте ошибки консоли и сетевые запросы, чтобы выявлять сбойные endpoints, проблемы с payload или проблемы CORS.
Триаж медленных веб-страниц
Запускайте трассировки производительности, анализируйте ключевые инсайты и связывайте их с узкими местами в assets, скриптах или макете.
Попробуйте эти промпты
Используй навык DevTools, чтобы проверить эту страницу и объяснить, почему кнопка не реагирует. Пожалуйста, опиши каждый шаг простым языком.
Используй навык DevTools, чтобы изучить данные консоли и сети для этого неудачного сценария входа. Найди первый сбойный запрос и предложи минимальное исправление.
Используй навык DevTools, чтобы запустить трассировку производительности с перезагрузкой, определить главный инсайт и связать его с сетевыми данными или данными макета.
Используй навык DevTools, чтобы сравнить desktop и mobile макеты, проверить вычисленные стили, воспроизвести взаимодействие и предложить план обратимого patch.
Лучшие практики
- Начинайте со снимка, сообщений консоли и сетевых запросов, прежде чем менять код.
- Оставляйте DOM-скрипты только для чтения, если пользователь не одобрил контролируемую мутацию.
- Кратко описывайте доказательства, вероятную причину, минимальное исправление и шаги проверки.
Избегать
- Отправка форм или запуск разрушительных действий без явного подтверждения пользователя.
- Переход к изменению кода до сбора браузерных доказательств.
- Запуск широких DOM-мутаций во время диагностики, когда достаточно наблюдения.
Часто задаваемые вопросы
Требует ли этот навык Chrome DevTools MCP?
Может ли он исправлять ошибки backend API?
Будет ли он автоматически отправлять формы?
Какие доказательства он собирает?
Могут ли им пользоваться начинающие?
Какие AI-инструменты поддерживаются?
Сведения для разработчиков
Автор
Eccentric-jamaicanЛицензия
MIT
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Ссылка
30c73eac2afe762f6aa9c4553158769369d47351
Актуальность поддержки
21.07.2026
Использование
11 загрузок · 237 просмотров
Структура файлов