Quick Install

Copy the config for your editor. Some servers may need additional setup — check the README.

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "petal-components-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "petalframework/petal-components-mcp"
      ]
    }
  }
}

README Excerpt

An MCP server that exposes [petal_components](https://github.com/petalframework/petal_components) — the Shadcn-style component library for Phoenix LiveView — to AI coding assistants (Claude Code, Cursor, Windsurf, etc). Without this, AI agents writing HEEx invent raw Tailwind soup and never reach for `pc_*` components. With it, the AI gets the full schema for every component on demand — attrs, slots, defaults, allowed values, usage examples — and writes idiomatic petal_components markup by defau

petal-components-mcp

Quick Install

README Excerpt

Related AI/LLM Servers