Skip to content
Claude Code

petal components mcp for Claude Code

io.github.petalframework/petal-components-mcp

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

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

Install petal components mcp in Claude Code

run in your project directory

claude mcp add --transport http petal-components-mcp https://mcp.petal.build/mcp

Adds it for this project only. Append --scope user to make it available everywhere. Claude Code docs

What Claude Code can do once it is connected

petal components mcp in other clients