get-screenshot-and-upload

Get Screenshot & Upload to Snapix

Captures a live browser screenshot using VS Code's integrated browser tools (primary method) or chrome-devtools-mcp (fallback), temporarily saves the image, uploads it to Snapix via snapix-mcp, then cleans up the local file.

When to Use

• "Take a screenshot of <url> and upload to Snapix"
• "Capture <url> and store the image in Snapix"
• Any screenshot-to-cloud workflow targeting Snapix

Prerequisites

Primary Method (Recommended)

• VS Code with browser tools enabled: Ensure workbench.browser.enableChatTools setting is true
• Integrated browser access: The agent must have permission to use browser tools
• Snapix MCP configured and authenticated (mcp_metalevel_sna_snapix_* tools available)

Fallback Method

• Chrome with remote debugging: Running on http://127.0.0.1:9222 (only needed if integrated browser is unavailable) See chrome-devtools-mcp instructions for setup details.

Procedure

Step 1 — Navigate to the URL

Open or navigate to the target URL using mcp_io_github_chr_new_page (opens in a new tab) or mcp_io_github_chr_navigate_page (reuses current tab):

mcp_io_github_chr_new_page  url="<target-url>"

Wait a few seconds for the page to load (run_in_terminal: sleep 3).

Step 2 — Dismiss Dialogs (if any)

Use the snapshot (mcp_io_github_chr_take_snapshot) to check for overlays. Dismiss consent dialogs or popups via mcp_io_github_chr_evaluate_script:

() => {
  const buttons = document.querySelectorAll('button');
  for (const btn of buttons) {
    if (btn.textContent.trim() === 'Reject all' || btn.textContent.trim() === 'Accept') {
      btn.click();
      return 'dismissed';
    }
  }
  return 'no dialog';
}

Wait 1–2 seconds after dismissal before proceeding.

Step 3 — Save Screenshot to Filesystem

Use mcp_io_github_chr_take_screenshot with the filePath parameter to save the screenshot directly to disk: