NestDaddy

Petal Components Mcp

io.github.petalframework/petal-components-mcp · v0.1.0

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

Connect Remote server

Terminal
claude mcp add --transport http petal-components-mcp https://mcp.petal.build/mcp
~/.cursor/mcp.json
{
  "mcpServers": {
    "petal-components-mcp": {
      "url": "https://mcp.petal.build/mcp"
    }
  }
}
.vscode/mcp.json
{
  "servers": {
    "petal-components-mcp": {
      "type": "http",
      "url": "https://mcp.petal.build/mcp"
    }
  }
}
Claude Desktop
Settings > Connectors > Add custom connector
URL: https://mcp.petal.build/mcp

Tools 3 found in our last check

  • get_install_instructions

    Get the canonical steps for installing petal_components in a Phoenix project. Call this when the user asks to install petal_components, when you are setting up a new Phoenix project that needs UI components, or when verifying an existing installation. Returns step-by-step instru…

  • list_components

    List every component shipped by petal_components, the shadcn-style component library for Phoenix LiveView. This is the canonical Phoenix UI vocabulary - call it before composing any HEEx so you reach for an existing component instead of hand-rolling Tailwind divs.

  • get_component

    Get the full schema for one petal_components component: attrs, slots, defaults, allowed values, and a working HEEx usage example. Call this every time you are about to write a tag like <.button>, <.modal>, <.table>, or <.field> so the attrs and slots match the real library inste…

Details

Endpointhttps://mcp.petal.build/mcp (Streamable HTTP)
Package[email protected] (NPM, stdio)
First published14 May 2026
Last updated14 May 2026
Registry nameio.github.petalframework/petal-components-mcp

More developer tools servers See all

Listing data from the official MCP registry. Status and tools from NestDaddy's daily check. Browse all MCP servers.