@snapser/mcp-server-snapser
v1.10.0
Published
Snapser MCP Server - Bridge between AI coding assistants and the Snapser platform
Maintainers
Readme
Model context protocol (MCP)
The Model Context Protocol (MCP) is one of the new standard for connecting Large Language Models (LLMs) to platforms like Snapser. This guide covers how to connect Snapser to the following AI tools using MCP:
- Visual Studio Code (Copilot)
- Cursor
- Windsurf (Codium)
- Cline (VS Code extension)
- Claude desktop
- Claude code
With MCP, your AI assistants can take actions on your behalf, such as:
- Creating Snapends
- Updating Snapends
- Downloading custom SDKs
- Listing Snapends
- Listing all Snaps
- Searching Docs
We continue to add more capabilities to MCP, so check back often for updates. If you have a specific use case in mind, please reach out to us on Discord.
Setup
Step 1: Generate your Developer Key
To connect your AI tools to Snapser, you need to generate a Developer Key. This key is used to authenticate your AI tools with Snapser.
- Go to your Snapser Developer Dashboard.
- Click on the "Generate Developer Key" button.
- Copy the generated key and keep it safe. You will need it to connect your AI tools to Snapser.
Step 2: Create an Application / Game on Snapser
To use MCP, you need to create a application or game on Snapser. This will allow you to manage your Snapends and Snaps.
- Go to your Snapser Dashboard.
- Click on the "Create Game / Application" button.
- Fill in the name and click "Create".
- Click on the App widget to open up the App Dashboard.
- Copy the App Id from the App Dashboard.
Step 3: Node and NPX Installation
Before you can use MCP with your AI tools, you need to have Node.js and NPX installed on your machine. You can download Node.js from the official website. NPX is included with Node.js, so you don't need to install it separately.
IMPORTANT: For Windows, make sure
nodeandnpxare available in your PATH. If they are installed you can get the path by runningnpm config get prefixthen you can add it to your PATH environment variable viasetx PATH "%PATH%;<path-to-dir>"
Step 4: Connect your AI tools to Snapser
To connect your AI tools to Snapser, you need to configure them with your Developer Key and Application/Game Id. Follow the instructions for your specific AI tool:
Integration
Copilot - Visual Studio Code
- Open VS Code and create a
.vscodedirectory in your application root if it doesn't exist. - Create a
.vscode/mcp.jsonfile if it doesn't exist and open it. - Add the following configuration to the
mcp.jsonfile: -- Mac OSX{ "inputs": [ { "type": "promptString", "id": "snapser-api-key", "description": "Snapser Developer Key", "password": true } ], "servers": { "snapser": { "type": "stdio", "command": "npx", "args": ["-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>"], "env": { "SNAPSER_API_KEY": "${input:snapser-api-key}" } } } }- Windows
{ "inputs": [ { "type": "promptString", "id": "snapser-api-key", "description": "Snapser Developer API Key", "password": true } ], "servers": { "snapser": { "type": "stdio", "command": "npx", "args": ["-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>"], "env": { "SNAPSER_API_KEY": "${input:snapser-api-key}" } } } }- Windows-WSL
{ "inputs": [ { "type": "promptString", "id": "snapser-api-key", "description": "Snapser Developer API Key", "password": true } ], "servers": { "snapser": { "type": "stdio", "command": "wsl", "args": [ "npx", "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "${input:snapser-api-key}" } } } }- Linux
{ "inputs": [ { "type": "promptString", "id": "snapser-api-key", "description": "Snapser Developer API Key", "password": true } ], "servers": { "snapser": { "type": "stdio", "command": "npx", "args": [ "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "${input:snapser-api-key}" } } } }IMPORTANT: Replace
<application-id>with your Application/Game Id. - Save the configuration file. You may see a
Start Serverbutton appear in the Editor window of themcp.jsonfile but do not click it just yet. - Open the Command Palette
(Cmd+Shift+P / Ctrl+Shift+P). - Run “Developer: Reload Window” to force Copilot to reload the MCP config.
- Alternatively, open Copilot Chat → Agents panel → “+ Add MCP Server” and select the Snapser server if prompted.
- Once reloaded, the Snapser MCP server should now appear in the Agents panel with a red warning icon indicating that authentication is required.
- Open Copilot chat and switch to "Agent" mode.
- If this is your first time, you will see a Red warning icon indicating that the MCP server needs setup.
- Click on the warning and you will be prompted to add your API Key. Enter the token that you created earlier. The warning icon should disappear. Now you can click on the
Start Serverbutton that appears in the Editor windows of the mcp.json file. Check the output window for any errors. If the server starts successfully, you should see a success message in the output log. - Next, you can click tool icon in the Co-pilot chat window. In the list of tools, you should see the
SnapserMCP and the commands it exposes. There should be a checkmark next to theSnapserMCP indicating that it is active.
View the Visual Studio Code MCP documentation for more information on how to use MCP with VS Code.
Cline
- Open the Cline extension in VS Code and tap the MCP Servers icon.
- Tap Configure MCP Servers to open the configuration file.
- Add the following configuration:
- Mac OSX
{ "mcpServers": { "snapser": { "command": "npx", "args": [ "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "<snapser-api-key>" } } } }- Windows
{ "mcpServers": { "snapser": { "command": "cmd", "args": [ "/c", "npx", "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "<snapser-api-key>" } } } }- Windows WSL
{ "mcpServers": { "snapser": { "command": "wsl", "args": [ "npx", "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "<snapser-api-key>" } } } }- Linux
{ "mcpServers": { "snapser": { "command": "npx", "args": [ "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "<snapser-api-key>" } } } }IMPORTANT: Replace
<application-id>with your Application/Game Id and<snapser-api-key>with your Snapser Developer Key. - Save the configuration file. Cline should automatically reload the configuration.
- You should see a green active status after the server is successfully connected.
Cursor
- Open Cursor and create a
.cursordirectory in your application root if it doesn't exist. - Create a
.cursor/mcp.jsonfile if it doesn't exist and open it. - Add the following configuration to the
mcp.jsonfile:- Mac OSX
{ "mcpServers": { "snapser": { "command": "npx", "args": [ "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "<snapser-api-key>" } } } }- Windows
{ "mcpServers": { "snapser": { "command": "cmd", "args": [ "/c", "npx", "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "<snapser-api-key>" } } } }- Windows WSL
{ "mcpServers": { "snapser": { "command": "wsl", "args": [ "npx", "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "<snapser-api-key>" } } } }- Linux
{ "mcpServers": { "snapser": { "command": "npx", "args": [ "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "<snapser-api-key>" } } } }IMPORTANT: Replace
<application-id>with your Application/Game Id and<snapser-api-key>with your Snapser Developer Key. - Save the configuration file.
- Open Cursor and navigate to Settings/MCP. You should see a green active status after the server is successfully connected.
Windsurf (Codium)
Open Windsurf and navigate to the Cascade assistant.
Click on the hammer (MCP) icon, then Configure to open the configuration file.
Add the following configuration:
- Mac OSX
{ "mcpServers": { "snapser": { "command": "npx", "args": [ "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "<snapser-api-key>" } } } }- Windows
{ "mcpServers": { "snapser": { "command": "cmd", "args": [ "/c", "npx", "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "<snapser-api-key>" } } } }- Windows WSL
{ "mcpServers": { "snapser": { "command": "wsl", "args": [ "npx", "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "<snapser-api-key>" } } } }- Linux
{ "mcpServers": { "snapser": { "command": "npx", "args": [ "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "<snapser-api-key>" } } } }IMPORTANT: Replace
<application-id>with your Application/Game Id and<snapser-api-key>with your Snapser Developer Key.Save the configuration file.
Open Windsurf and navigate to the Cascade assistant. You should see a green active status after the server is successfully connected.
Claude desktop
- Open Claude desktop and navigate to Settings.
- Under the
Developertab, tapEdit Configto open the configuration file. - Add the following configuration:
- Mac OSX
{ "mcpServers": { "snapser": { "command": "npx", "args": [ "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "<snapser-api-key>" } } } }- Windows
{ "mcpServers": { "snapser": { "command": "cmd", "args": [ "/c", "npx", "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "<snapser-api-key>" } } } }- Windows WSL
{ "mcpServers": { "snapser": { "command": "wsl", "args": [ "npx", "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "<snapser-api-key>" } } } }- Linux
{ "mcpServers": { "snapser": { "command": "npx", "args": [ "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "<snapser-api-key>" } } } }
IMPORTANT: Replace
<application-id>with your Application/Game Id and<snapser-api-key>with your Snapser Developer Key.
- Save the configuration file and restart Claude desktop.
- From the new chat screen, you should see a hammer (MCP) icon appear with the new MCP server available.
Claude Code
- Create a
.mcp.jsonfile in your application root if it doesn't exist. - Add the following configuration:
- Mac OSX
{ "mcpServers": { "snapser": { "command": "npx", "args": [ "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "<snapser-api-key>" } } } }- Windows
{ "mcpServers": { "snapser": { "command": "cmd", "args": [ "/c", "npx", "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "<snapser-api-key>" } } } }- Windows WSL
{ "mcpServers": { "snapser": { "command": "wsl", "args": [ "npx", "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "<snapser-api-key>" } } } }- Linux
{ "mcpServers": { "snapser": { "command": "npx", "args": [ "-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>" ], "env": { "SNAPSER_API_KEY": "<snapser-api-key>" } } } }
IMPORTANT: Replace
<application-id>with your Application/Game Id and<snapser-api-key>with your Snapser Developer Key.
- Save the configuration file and restart Claude Code.
Enterprise / Self-hosted Snapser deployments
If you're an enterprise customer running Snapser in your own cloud, point the MCP server at your portal by setting a PORTAL_ENDPOINT environment variable. When set, this overrides the built-in Snapser-cloud endpoints — the MCP will route every API call (snapend management, SDK downloads, docs search, etc.) to your enterprise portal instead.
URL shape: the full portal base URL, including any tenant path. Examples:
https://gateway.snapser.your-company.internal/your-tenant
https://snapser.acme.com/acme(No trailing slash needed — one will be stripped automatically.)
How to use it: add PORTAL_ENDPOINT to the env block of whichever AI-tool config you already set up above. For example, in .vscode/mcp.json:
{
"servers": {
"snapser": {
"command": "npx",
"args": ["-y", "@snapser/mcp-server-snapser@latest", "--application-id=<application-id>"],
"env": {
"SNAPSER_API_KEY": "${input:snapser-api-key}",
"PORTAL_ENDPOINT": "https://gateway.snapser.your-company.internal/your-tenant"
}
}
}
}The same pattern works for Cursor, Cline, Windsurf, Claude Desktop, and Claude Code — just add the PORTAL_ENDPOINT line to the env block in their respective config files.
Your Snapser Developer Key (
SNAPSER_API_KEY) and Application Id are still required — issue these from your enterprise Snapser portal rather than snapser.com.
