VS Code + GitHub Copilot + MagicScreenshots

App Store screenshots in VS Code + GitHub Copilot

• Search real App Store screenshots and preview videos from the top apps
• Use them as design reference for your own app
• Generate and localize your own App Store screenshots

How do I add MagicScreenshots to VS Code + GitHub Copilot?

.vscode/mcp.json

{
  "servers": {
    "magicscreenshots": {
      "type": "http",
      "url": "https://www.magicscreenshots.com/api/mcp"
    }
  }
}

Install in VS Code

1. Click Install in VS Code, or save the config as .vscode/mcp.json in your project.
2. Start the magicscreenshots server when VS Code offers to.
3. Open Copilot Chat in agent mode and ask for App Store screenshots.
4. For generation, switch to the input version so VS Code prompts for your API key.

What is VS Code + GitHub Copilot?

VS Code is Microsoft's code editor, and GitHub Copilot is its built-in AI assistant. In agent mode Copilot can call tools from MCP servers listed in mcp.json.

Do I need an API key?

Search works with no key. For restyle and localize, use the input version: VS Code asks for the key once and stores it securely.

{
  "inputs": [
    {
      "type": "promptString",
      "id": "ms-key",
      "description": "MagicScreenshots API key",
      "password": true
    }
  ],
  "servers": {
    "magicscreenshots": {
      "type": "http",
      "url": "https://www.magicscreenshots.com/api/mcp",
      "headers": {
        "Authorization": "Bearer ${input:ms-key}"
      }
    }
  }
}

MCP, skill or CLI: which should I use?

• MCP server: Most people
• Skill: Agents you want to follow the inspiration → restyle flow on their own
• CLI: Scripts, CI and one-off lookups

FAQ

How do I connect MagicScreenshots to VS Code + GitHub Copilot?

Click Install in VS Code, or save the config as .vscode/mcp.json in your project. Then start the magicscreenshots server when VS Code offers to. The server URL is https://www.magicscreenshots.com/api/mcp.

Do I need an API key to use MagicScreenshots in VS Code + GitHub Copilot?

Search works with no key. For restyle and localize, use the input version: VS Code asks for the key once and stores it securely.

Is the MagicScreenshots MCP server free?

Searching the library is free and needs no account. Generating your own screenshots uses credits. Listing history and preview video downloads are part of Library Pro.

Which App Store screenshots can VS Code + GitHub Copilot find?

About 4,700 real App Store listings: the top 100 free and top-grossing apps in every Apple category, refreshed daily. Search by name, category, look or chart position.

Can VS Code + GitHub Copilot get App Store preview videos?

Yes. Poster frames are free for everyone. With a Library Pro API key, get_app_videos also returns download links to the preview video files.

Can VS Code + GitHub Copilot make App Store screenshots for my app?

Yes, with an API key. Ask it to restyle your screenshots like an app from the library with create_restyle, or localize them with create_localize. The first time, it calls create_api_key and you open the claim link to sign in and buy credits.

Is MagicScreenshots made by Microsoft and GitHub?

No. MagicScreenshots is an independent product that works with VS Code + GitHub Copilot through the open Model Context Protocol. It is not affiliated with or endorsed by Microsoft and GitHub.

Other agents

• Claude Code
• Cursor
• Codex
• Claude
• ChatGPT
• Gemini CLI
• Windsurf
• Zed
• Cline
• Lovable
• Bolt
• v0
• Replit Agent
• Figma Make
• Perplexity
• Grok Build
• Kimi Code
• OpenClaw
• Hermes Agent
• Paperclip
• NanoClaw

Last updated September 2026 · AI agents guide

Product names and logos are trademarks of their owners. MagicScreenshots is not affiliated with or endorsed by them.