network-request-auditing
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.
Install
npx skills add https://github.com/spencerpauly/awesome-cursor-skills/tree/main/resources/network-request-auditing
claude plugin marketplace add https://llmmart.ai/marketplace.json && claude plugin install spencerpauly-awesome-cursor-skills@llmmart
git clone https://github.com/spencerpauly/awesome-cursor-skills.git
The skills CLI installs just this skill, for any of its supported agents. Claude Code installs the whole spencerpauly/awesome-cursor-skills collection as a plugin from our marketplace. Git is the plain clone.
Skill manifest
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
- Drive the app in the browser (navigate, click, submit forms) so real requests fire.
- Call
browser_network_requestsafter meaningful interactions (and after navigation settles). - 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
Start from a clean navigation —
browser_navigateto the target URL (or use an existing tab viabrowser_tabs).Exercise the feature — interactions that trigger API usage (filters, infinite scroll, form save, modal open).
Fetch network log —
browser_network_requestsafter each logical step if the page does multiple round-trips.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_messagesfor errors that do not surface as failed HTTP (e.g. parse errors after 200).
Files (awesome-cursor-skills)
-
SKILL.md 3.1 KB
--- 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).
Comments (0)
Sign in to join the conversation.
Reviews (0)
No reviews yet.
No comments yet.