К основному содержанию
скилл CX Codex

network-request-auditing — скилл для Claude Code: что делает

Скилл проверяет сетевые запросы браузера после действий пользователя, выявляя сбои, медленные вызовы и дубли. Пригодится при отладке страниц с частыми API-запросами.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add spencerpauly/awesome-cursor-skills --skill network-request-auditing -a claude-code
Открыть на GitHub

Что делает network-request-auditing

Скилл анализирует сетевой обмен приложения во встроенном браузере через вызовы browser_network_requests. Сначала агент открывает страницу или нажимает элементы интерфейса, чтобы вызвать реальный трафик. Затем он разбирает каждый запрос fetch или XHR, проверяя ошибки 4xx и 5xx, проблемы с CORS, дубликаты из-за хуков вроде React effect и задержки свыше 500 ms.

В отчёт попадают также утечки токенов в строке URL, отсутствие заголовков авторизации и лишние preflight-запросы OPTIONS. Сначала агент открывает страницу. Затем результат формируется в виде сводки и таблицы с шаблонами адресов и рекомендациями по коду.

Скилл жёстко опирается на MCP-сервер cursor-ide-browser, поэтому без установленного MCP запустить проверку не выйдет. Трафик внутри фреймов iframe может пройти мимо лога, что важно учитывать при тестировании вложенных виджетов.

Какие задачи решает

  • Найти дублирующиеся вызовы API после действий пользователя в интерфейсе
  • Выявить медленные сетевые запросы с задержкой выше 500 ms
  • Обнаружить передачу токенов и личных данных в строке URL
  • Проверить ошибки CORS и статусы 4xx или 5xx после изменения бэкенда

Примеры запросов агенту

  • Открой страницу каталога, нажми фильтр по категориям и запусти аудит сетевых запросов через browser_network_requests
  • Проверь форму оформления заказа на наличие дублирующихся вызовов API и медленных эндпоинтов
  • Запусти аудит сетевой активности после отправки сообщения в чате и покажи сбои 4xx или 5xx

Как установить network-request-auditing

1Через Skills CLI (Vercel)

npx skills add spencerpauly/awesome-cursor-skills --skill network-request-auditing -a claude-code

2Вручную: положить файлы

~/.claude/skills/network-request-auditing/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/network-request-auditing/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о network-request-auditing

Как установить network-request-auditing в Claude Code?

Выполните в терминале команду npx skills add spencerpauly/awesome-cursor-skills --skill network-request-auditing -a claude-code.

Что делает скилл network-request-auditing?

Скилл запускает аудит сетевых вызовов fetch и XHR через инструмент browser_network_requests. Он находит статусы 4xx и 5xx, дубли запросов, медленные эндпоинты, сбои CORS и передачу секретов в параметрах URL.

Какие инструменты нужны скиллу для работы?

Для выполнения проверок требуется MCP-сервер cursor-ide-browser, предоставляющий функции browser_network_requests и browser_navigate. Трафик внутри элементов iframe инструмент перехватить не сможет.

Исходный текст

SKILL.md · CC0-1.0
---
name: network-request-auditing
description: After navigating and interacting in Cursor's built-in browser, use browser_network_requests to audit every fetch/XHR for failures, slowness, duplicate calls, and suspicious payloads. Use for API-heavy pages and after backend or client networking changes.
user-invocable: true
---

# Network Request Auditing

Deep-dive **network** health using the `cursor-ide-browser` MCP. This skill focuses on `browser_network_requests` — not just “any 500s” but patterns that indicate bugs, waste, or security issues.

## How it works

1. Drive the app in the browser (navigate, click, submit forms) so real requests fire.
2. Call **`browser_network_requests`** after meaningful interactions (and after navigation settles).
3. Classify and report findings using the criteria below.

Follow `cursor-ide-browser` workflow rules: use `browser_snapshot` before structural interactions; after actions that change the page, take a fresh snapshot before the next interaction.

## Audit checklist

### Failures

- **4xx / 5xx** — list method, URL (path + query), status, and whether the UI handled the error.
- **CORS or network errors** — often misconfigured origins or mixed content.

### Performance

- **Slow requests** — flag requests with high latency (e.g. > 500 ms server time if timings are visible; otherwise note unusually large waterfalls).
- **Duplicate calls** — same URL + method fired multiple times in one user action (often a React effect or missing deduplication).
- **Oversized payloads** — responses that look huge for what the UI needs (suggest pagination, field selection, or compression).

### Security and privacy

- **Sensitive data in URLs** — tokens or PII in query strings.
- **Missing auth** — API calls that should send credentials or bearer tokens but do not (compare with adjacent authenticated calls).

### Correctness

- **Unexpected hosts** — calls to third parties not documented for the feature (trackers, accidental leaks).
- **Preflight storms** — excessive OPTIONS requests may indicate wrong CORS caching or too many distinct origins.

## Steps

1. **Start from a clean navigation** — `browser_navigate` to the target URL (or use an existing tab via `browser_tabs`).

2. **Exercise the feature** — interactions that trigger API usage (filters, infinite scroll, form save, modal open).

3. **Fetch network log** — `browser_network_requests` after each logical step if the page does multiple round-trips.

4. **Report** — structured output:
   - Summary counts (failed, slow, duplicate groups).
   - Table or bullet list of issues with **URL pattern** (not necessarily full secrets), **status**, **category** (failure / perf / security / correctness).
   - Recommended next code changes or investigations.

## Notes

- Iframe traffic may not appear in the same log — note if the feature runs inside an iframe.
- Compare against **expected** API design; a 404 might be correct for “optional resource not found” if handled in UI.
- Pair with `browser_console_messages` for errors that do not surface as failed HTTP (e.g. parse errors after 200).

© spencerpauly · CC0-1.0 · spencerpauly/awesome-cursor-skills

Похожие скиллы

Все скиллы по теме «Браузер и парсинг» →
network-debugging aj-geddes Помогает агенту разобраться, почему запросы падают, грузятся медленно или рвутся. Пригодится, когда приложение тормозит из-за сети, а причина неясна. CX Codex +1 526установок network-protocol-attacks yaklang Плейбук по атакам на сетевые протоколы: ARP-спуфинг, отравление LLMNR и NBT-NS, WPAD, DHCPv6, VLAN hopping. Пригодится на внутреннем пентесте. CX Codex +1 3 600установок dt-obs-network-flows Dynatrace Скилл для Dynatrace: разбирает сетевые потоки из трёх источников и отвечает, кто с кем говорит и где рвутся соединения. CX Codex +1 912установок dt-obs-network-devices Dynatrace Скилл разбирает данные SNMP-мониторинга в Dynatrace: инвентарь устройств, состояние интерфейсов, топологию и логи. Пригодится, когда надо найти упавший порт или перегруженный коммутатор. CX Codex +1 907установок network-watcher UseAI-pro Проверяет, куда скиллы OpenClaw ходят по сети, и ловит утечку данных до установки. CX Codex +1 454установок analyzing-network-flow-data-with-netflow mahipal Скилл разбирает записи NetFlow v9 и IPFIX, ищет аномалии по объёму, сканирование портов, утечку данных и периодические обращения к C2. CX Codex +1 372установок

Из того же набора59

monitoring-terminal-errors Скилл смотрит за выводом запущенного процесса — dev-сервера, тестов, сборки — и чинит падения по стек-трейсу. Пригодится, когда сервер сыпет ошибками, а вы не хотите читать лог вручную. CX Codex +1 449установок form-testing Скилл прогоняет каждую форму в приложении трижды: пустую отправку, невалидные данные и корректные. Пригодится перед релизом. CX Codex +1 447установок suggesting-skills Скилл следит за работой агента и предлагает поставить подходящий скилл, когда задача совпадает с готовым сценарием. Пригодится, если вы ещё не знаете, какие скиллы есть в наборе. CX Codex +1 445установок adding-e2e-tests Скилл проводит агента по шагам настройки Playwright: конфиг, смоук-тест, npm-скрипты и запуск в CI. CX Codex +1 445установок dark-mode-testing Открывает страницу в браузере, снимает скриншоты в светлой и тёмной теме и указывает на потерянные цвета, невидимый текст и низкий контраст. CX Codex +1 436установок writing-copy Скилл задаёт агенту правила маркетингового текста: заголовки, CTA, письма, микрокопирайт. Пригодится, когда интерфейс и лендинг пишутся в том же проекте. CX Codex +1 435установок auto-type-checking Гоняет tsc --noEmit после каждой правки TypeScript-файла и показывает ошибки типов сразу, а не на сборке. CX Codex +1 435установок babysitting-pr Скилл отслеживает открытый пулл-реквест, устраняет сбои линтера, тестов и сборки в CI, разбирает комментарии ревью и правит конфликты слияния. CX Codex +1 427установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой