Skip to content
mcp/harbor
VS Code

WebPerf Snippets for VS Code

io.github.nucliweb/webperf-snippets

Measure Core Web Vitals and debug web performance with 56 snippets in a headless Chromium

client:VS Code transport:stdio runtime:npm

Install WebPerf Snippets in VS Code

.vscode/mcp.json 

{
  "inputs": [
    {
      "type": "promptString",
      "id": "crux-api-key",
      "description": "CRUX_API_KEY",
      "password": true
    }
  ],
  "servers": {
    "webperf-snippets": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "webperf-snippets"
      ],
      "env": {
        "CRUX_API_KEY": "${input:crux-api-key}"
      }
    }
  }
}

VS Code prompts for each input the first time the server starts, so no secret is written to the file. VS Code docs

WebPerf Snippets in other clients

WebPerf Snippets MCP server