Editing Vibe Coding (section)

==== MCP Server ====
https://docs.anthropic.com/en/docs/claude-code/mcp#add-mcp-servers-from-json-configuration

Add an MCP server from JSON
<pre>
# Basic syntax
claude mcp add-json <name> '<json>'

# Example: Adding a stdio server with JSON configuration
claude mcp add-json weather-api '{"type":"stdio","command":"/path/to/weather-cli","args":["--api-key","abc123"],"env":{"CACHE_DIR":"/tmp"}}'
</pre>

Verify the server was added
<pre>
claude mcp get weather-api
weather-api:
  Scope: Local (private to you in this project)
  Type: stdio
  Command: /path/to/weather-cli
  Args: --api-key abc123
  Environment:
    CACHE_DIR=/tmp

To remove this server, run: claude mcp remove "weather-api" -s local
</pre>

https://www.npmjs.com/package/@modelcontextprotocol/server-puppeteer

<pre>
Environment Variable: Set PUPPETEER_LAUNCH_OPTIONS with a JSON-encoded string in the MCP configuration's env parameter:

{
  "mcpServers": {
    "mcp-puppeteer": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-puppeteer"],
      "env": {
        "PUPPETEER_LAUNCH_OPTIONS": "{ \"headless\": false, \"executablePath\": \"C:/Program Files/Google/Chrome/Application/chrome.exe\", \"args\": [] }",
        "ALLOW_DANGEROUS": "true"
      }
    }
  }
}
</pre>