Pane for VS Code
io.github.aerolalit/pane
Hand a human a rich interactive UI by URL and get structured data back, from any MCP client.
client:VS Code
transport:stdio
runtime:npm
Install Pane in VS Code
.vscode/mcp.json
{
"inputs": [
{
"type": "promptString",
"id": "pane-api-key",
"description": "PANE_API_KEY",
"password": true
},
{
"type": "promptString",
"id": "pane-url",
"description": "PANE_URL",
"password": true
},
{
"type": "promptString",
"id": "pane-agent-name",
"description": "PANE_AGENT_NAME",
"password": true
},
{
"type": "promptString",
"id": "pane-register-secret",
"description": "PANE_REGISTER_SECRET",
"password": true
}
],
"servers": {
"pane": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@paneui/mcp"
],
"env": {
"PANE_API_KEY": "${input:pane-api-key}",
"PANE_URL": "${input:pane-url}",
"PANE_AGENT_NAME": "${input:pane-agent-name}",
"PANE_REGISTER_SECRET": "${input:pane-register-secret}"
}
}
}
}VS Code prompts for each input the first time the server starts, so no secret is written to the file. VS Code docs