Petal Components MCP Server

MCP server for petal_components — Phoenix LiveView component schemas exposed to AI coding assistants.

Remote serverstreamable-httpTypeScript

What is the Petal Components MCP Server?

MCP server for petal_components — Phoenix LiveView component schemas exposed to AI coding assistants.

What it actually does

An MCP server that exposes petal_components — the Shadcn-style component library for Phoenix LiveView — to AI coding assistants (Claude Code, Cursor, Windsurf, etc).

More MCP options

Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.

Maintainer setup documentation.

Recorded tools

Check the linked publisher documentation and your connected client's tool list. Names and availability can vary with the server version and account permissions.

ToolWhat it does
list_componentsevery component in the library with a one-line summary
get_componentfull schema (attrs, slots, defaults, values, docs) + HEEx usage example

How to install the Petal Components MCP Server

{
  "mcpServers": {
    "petal-components": {
      "command": "npx",
      "args": ["-y", "npm"]
    }
  }
}

Add to claude_desktop_config.json, then restart Claude Desktop.

Example prompts to try

  • “Use Petal Components MCP to list components.”
  • “Use Petal Components MCP to get component.”

Frequently asked questions

MCP server for petal_components — Phoenix LiveView component schemas exposed to AI coding assistants. Confirm the tools offered by your installed version in the connected client. Tool availability and permissions depend on the server and account configuration.