petal components mcp for VS Code

io.github.petalframework/petal-components-mcp

Phoenix LiveView component schemas from petal_components, exposed to AI coding assistants.

client:VS Code transport:streamable-http runtime:npm tools:3

Install petal components mcp in VS Code

.vscode/mcp.json

{
  "servers": {
    "petal-components-mcp": {
      "type": "http",
      "url": "https://mcp.petal.build/mcp"
    }
  }
}

Requires agent mode. MCP: Open User Configuration puts the same block in every workspace. VS Code docs