network-debug— agent skill

Investigate network activity on $ARGUMENTS using the Argus MCP tools.

Steps

1. Set up recording

   browser_launch
   tab_open { url: "$ARGUMENTS" }
   network_start_recording { targetId }
   console_start { targetId }

1. Navigate and exercise the page

   tab_navigate { targetId, url: "$ARGUMENTS" }
   page_evaluate { targetId, expression: "window.scrollTo(0, document.body.scrollHeight)" }

1. Inspect all requests

   network_get_requests { targetId }

1. Filter to find problems

   network_get_requests { targetId, hasError: true }         ← failed/cancelled
   network_get_requests { targetId, status: 404 }            ← not found
   network_get_requests { targetId, status: 500 }            ← server errors
   network_get_requests { targetId, url: "/api/orders" }     ← specific endpoint
   network_get_requests { targetId, method: "POST" }         ← mutations

1. Verify mock interception if needed

   network_add_mock {
     targetId,
     urlPattern: "https://api.example.com/**",
     responseCode: 200,
     responseBody: '{"mocked": true}'
   }
   network_list_mocks { targetId }
   page_reload { targetId }
   network_get_requests { targetId, url: "api.example.com" }

1. Clean up and test real network

   network_clear_mocks { targetId }
   network_clear_requests { targetId }
   page_reload { targetId }
   network_get_requests { targetId }

1. Report findings — include:

• Failed or errored requests with status codes
• Slow requests (high duration values)
• Unexpected response bodies or status codes
• Screenshot of the page state
• Recommended fixes

Request Entry Fields

Tips

• Response bodies are only available if network_start_recording was called before the request. Reload after starting recording if needed.
• Use page_evaluate to trigger specific API calls without a full page reload:

  page_evaluate { targetId, expression: "fetch('/api/data').then(r => r.json())" }