How to install MCP Apps Renderer in Windsurf

To install MCP Apps Renderer in Windsurf, paste the "mcp-apps-renderer" block into ~/.codeium/windsurf/mcp_config.json and refresh the MCP panel in Cascade.

Built from the published package · server updated today

1
Open the MCP config
In Windsurf, open Settings, then Cascade, then MCP servers, and choose to view the raw config.

Add the server

Paste this into mcp_config.json:

{
  "mcpServers": {
    "mcp-apps-renderer": {
      "command": "npx",
      "args": [
        "-y",
        "@copilotkit/mcp-apps-renderer"
      ]
    }
  }
}

3
Refresh
Click refresh in the MCP panel. The server and its tools appear in Cascade.

Config file: ~/.codeium/windsurf/mcp_config.json

MCP servers run with your permissions. If MCP Apps Renderer needs an API key, add it under env in the config. Check its README.

Install MCP Apps Renderer in another app

Claude Code Claude Desktop Cursor VS Code Codex Gemini CLI Antigravity CLI ChatGPT

Questions

Does MCP Apps Renderer work in Windsurf?

Yes. Windsurf supports local and remote mcp servers, and MCP Apps Renderer installs with the steps above.

MCP Apps Renderer does not show up in Windsurf. What now?

Restart Windsurf fully, check the JSON is valid, and make sure Node.js (for npx) is installed. See common MCP errors and fixes.

Is MCP Apps Renderer safe?

It scores 94 of 100. Review the code before you install it, and only give it the access it needs. Grades and details.

Open the MCP config

Add the server

Refresh

Install MCP Apps Renderer in another app

Questions