ScreenshotsMCP brings secure ScreenshotsMCP access into VS Code with API key auth, command palette actions, workspace MCP installation, screenshot capture, output logs, and a live activity timeline panel.

Current preview features

Secure API key storage with VS Code SecretStorage
ScreenshotsMCP: Sign In and ScreenshotsMCP: Sign Out
ScreenshotsMCP: Check Status
ScreenshotsMCP: Take Screenshot
ScreenshotsMCP: Open Timeline
ScreenshotsMCP: Install MCP Server in Workspace
Native MCP server definition provider registration
Output channel logging for troubleshooting

Quick start

Open the command palette.
Run ScreenshotsMCP: Sign In.
Paste your sk_live_... API key.
Run ScreenshotsMCP: Check Status.
Run ScreenshotsMCP: Take Screenshot and enter a URL.

Install MCP in the current workspace

Use ScreenshotsMCP: Install MCP Server in Workspace to create or update .vscode/mcp.json with a screenshotsmcp HTTP server entry.

Timeline panel

Use ScreenshotsMCP: Open Timeline to view recent extension activity, including activation, sign-in, status checks, MCP config installation, and screenshot events.

Settings

The extension contributes the following settings:

screenshotsmcp.apiUrl
screenshotsmcp.dashboardUrl
screenshotsmcp.keysUrl

Service URLs

Website: https://screenshotsmcp.com
Dashboard: https://screenshotsmcp.com/dashboard
API: https://screenshotsmcp-api-production.up.railway.app

Notes

This extension is currently published as a preview build while the Marketplace release is being finalized.