Configure HoloViz MCP for Windsurf
Walks through adding HoloViz MCP as a server in Windsurf IDE's JSON config file and testing it with AI queries.
What this file does
Walks through adding HoloViz MCP as a server in Windsurf IDE's JSON config file and testing it with AI queries.
When to use it
- You use Windsurf IDE and want Panel/HoloViz AI assistance
- You need to configure an MCP server in Windsurf's config.json
- You are debugging why Windsurf AI doesn't recognize HoloViz components
Assumes this stack
Configure HoloViz MCP for Windsurf
This guide shows you how to configure HoloViz MCP with Windsurf IDE.
Prerequisites
- Windsurf IDE installed (Download)
- HoloViz MCP installed (Installation guide)
Locate Your Configuration File
Find your Windsurf MCP configuration file. The location varies by operating system and Windsurf version. Common locations include:
- macOS:
~/Library/Application Support/Windsurf/config.jsonor similar - Windows:
%APPDATA%\Windsurf\config.jsonor similar - Linux:
~/.config/Windsurf/config.jsonor similar
!!! note The exact configuration file location may vary. Check Windsurf's documentation for your specific version.
Add the MCP Server
- Open the Windsurf MCP configuration file in a text editor
- Add this configuration:
{
"mcpServers": {
"holoviz": {
"command": "holoviz-mcp"
}
}
}
- Save the file
- Restart Windsurf
!!! tip "Existing Configuration"
If your file already has other MCP servers configured, add "holoviz" to the existing mcpServers object:
```json
{
"mcpServers": {
"existing-server": {
"command": "existing-command"
},
"holoviz": {
"command": "holoviz-mcp"
}
}
}
```
Test Your Configuration
Test the configuration with Windsurf's AI:
-
Simple Query - Open Windsurf's AI assistant and ask:
List available Panel input components -
Detailed Query - Ask for specific information:
What parameters does the Panel TextInput component have? -
Code Generation - Ask Windsurf AI to generate code:
Create a simple Panel dashboard with a slider
If Windsurf's AI provides detailed, accurate responses with specific Panel component information, your configuration is working! 🎉
Advanced Configuration
Set Log Level
For debugging, increase the log level:
{
"mcpServers": {
"holoviz": {
"command": "holoviz-mcp",
"env": {
"HOLOVIZ_MCP_LOG_LEVEL": "DEBUG"
}
}
}
}
Custom Configuration Directory
Use a custom directory for configuration and data:
{
"mcpServers": {
"holoviz": {
"command": "holoviz-mcp",
"env": {
"HOLOVIZ_MCP_USER_DIR": "/path/to/custom/dir"
}
}
}
}
Troubleshooting
Configuration File Not Found
Check Windsurf's documentation for the correct configuration file location for your version.
Create the file if it doesn't exist, using the configuration above.
Server Not Starting
Check that holoviz-mcp is installed:
holoviz-mcp --version
Test the server directly:
holoviz-mcp
Press Ctrl+C to stop it.
Windsurf AI Not Recognizing Components
-
Verify documentation index exists:
ls ~/.holoviz-mcp -
Recreate the index:
holoviz-mcp update index -
Restart Windsurf
Configuration Not Loading
Verify JSON syntax - ensure there are no trailing commas, missing quotes, or other syntax errors.
Restart Windsurf completely - quit and reopen the application.
Check logs - look for error messages in Windsurf's output or logs.
Permission Errors
Linux/macOS: Ensure the configuration file is readable:
chmod 644 ~/.config/Windsurf/config.json # Adjust path as needed
Next Steps
- Getting Started Tutorial: Complete walkthrough for Windsurf
- Configuration Options: Customize HoloViz MCP behavior
- Troubleshooting Guide: Fix common issues
What's inside
5 sections: prerequisites, config location, server addition, testing, troubleshooting, plus advanced options and next steps
Change this for your project
- Replace
holoviz-mcpwith your own MCP server command if not using HoloViz - Replace
"holoviz"key in JSON with your server's name - Replace
~/.holoviz-mcppath in troubleshooting commands with your server's data directory
Where it goes
Save in docs/ or the repository root. Gives agents and new contributors a map of the codebase.
Worth borrowing
- Testing MCP with three escalating query types: simple, detailed, code generation
- Offering both fresh config and merge-into-existing config examples
Related Documents
PCB Design Sources for Industry-Scale Testing
Lists GitHub repos and communities where you can download real PCB designs for testing optimization at scale.
Design Document: BharatSeva AI
Describes a 10-agent AWS system that helps India's informal workers access government schemes via voice-first, serverless architecture.
Qwen Image and Edit: Open-sourcing and Local GGUF Generations with Lightning
Documents the Qwen-Image and Qwen-Image-Edit models, covering architecture, training, benchmarks, ComfyUI setup, and prompting techniques for local GGUF deployment.
OpenClaw Enterprise Transformation Plan
Transforms a single-user AI agent into a dual-mode platform supporting both viral open-source and Fortune 500 enterprise deployments through phased security, IAM, audit, multi-tenancy, and Kubernetes features.