network-request-auditing — скилл для Claude Code: что делает
Скилл проверяет сетевые запросы браузера после действий пользователя, выявляя сбои, медленные вызовы и дубли. Пригодится при отладке страниц с частыми API-запросами.
npx skills add spencerpauly/awesome-cursor-skills --skill network-request-auditing -a claude-codeЧто делает 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-code2Вручную: положить файлы
~/.claude/skills/network-request-auditing/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/network-request-auditing/
1Через Skills CLI (Vercel)
npx skills add spencerpauly/awesome-cursor-skills --skill network-request-auditing -a codex2Вручную: положить файлы
.agents/skills/network-request-auditing/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add spencerpauly/awesome-cursor-skills --skill network-request-auditing -a cursor2Вручную: положить файлы
.cursor/skills/network-request-auditing/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install spencerpauly/awesome-cursor-skills network-request-auditing2Вручную: положить файлы
.github/skills/network-request-auditing/SKILL.md1Через Skills CLI (Vercel)
npx skills add spencerpauly/awesome-cursor-skills --skill network-request-auditing -a gemini-cli2Командой платформы
gemini skills install https://github.com/spencerpauly/awesome-cursor-skills --path resources/network-request-auditingВручную: положить файлы
.devin/skills/network-request-auditing/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add spencerpauly/awesome-cursor-skills --skill network-request-auditing -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в 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