How to add screenshot and PDF tools to Cursor and Windsurf via MCP

How to Add Screenshot and PDF Tools to Cursor and Windsurf via MCP Cursor and Windsurf are AI code editors that support MCP servers — Model Context Protocol plugins that give the AI new tools. The PageBolt MCP server adds web capture: screenshots, PDFs, video recording, and page inspection. Once installed, you can ask your editor's AI: "Screenshot my localhost:3000 and tell me if the layout looks right" "Inspect the login page at staging and find the selectors I need to write the E2E test" "Take a full-page screenshot of my PR preview and attach it to the PR description" "Generate a PDF of this invoice HTML and save it to ./output/invoice.pdf" Setup: 2 minutes. Cursor Create or edit .cursor/mcp.json in your project root: { "mcpServers" : { "pagebolt" : { "command" : "npx" , "args" : [ "-y" , "pagebolt-mcp" ], "env" : { "PAGEBOLT_API_KEY" : "pf_live_your_key_here" } } } } Or add to your global Cursor MCP config ( ~/.cursor/mcp.json ) to use across all projects. Restart Cursor. The PageB