Install Petal Components in Claude Code
Remote URL
claude mcp add --transport http petal-components https://mcp.petal.build/mcp{
"mcpServers": {
"petal-components": {
"url": "https://mcp.petal.build/mcp"
}
}
}npm
claude mcp add petal-components -- npx -y petal-components-mcp{
"mcpServers": {
"petal-components": {
"command": "npx",
"args": [
"-y",
"petal-components-mcp"
]
}
}
}Frequently asked questions
What does the Petal Components MCP server do?
Phoenix LiveView component schemas from petal_components, exposed to AI coding assistants.
Is the Petal Components MCP server free?
Yes, most likely. Open source and no paid account or API key is mentioned in the listing. Check the provider for current pricing.
Does Petal Components run locally or remotely?
Local + Remote. Can run locally or be used as a hosted remote server.
How do I add Petal Components to Claude Code?
Run: claude mcp add --transport http petal-components https://mcp.petal.build/mcp
More ai agents & coding agents MCP servers
View allPointcast
Hugelidus/pointcast
Talk and Alt+click on your web app: your agent gets the exact elements and the code behind them.
Parkour
blightbow/parkour-mcp
A content exploration toolkit that helps LLMs surface high signal, unsummarized web content.
PrompyAI
samouh-waleed/PrompyAI
Scores your prompts against your real codebase — context-aware prompt intelligence
paprika3d (the three.js toolset for coding agents)
paprika3d/paprika3d
Three.js MCP server: see, play, test and profile the three.js and WebGL pages your agent builds
Provenza
kironovlaziz-del/provenza
Governed MCP gateway: approved tools only, each call policy-checked and recorded per agent
Pangolinfo Amazon Data
Pangolin-spg/pangolinfo-mcp
Real-time Amazon, WIPO & PACER data for AI agents — 19 tools via the MCP protocol.