# Petal Components MCP

Phoenix LiveView component schemas from petal\_components, exposed to AI coding assistants\.

Canonical: https://claudelist.com/listings/mcp-reg-io-github-petalframework-petal-components-mcp-d529ee0396

Category: MCP Servers

Source: community · petalframework

Source checked: 2026-10-14

Website: https://www.claudemcp.org/mcp/registry/io-github-petalframework-petal-components-mcp-d529ee03967a.html

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

## Install or set up

1. Review the publisher repository and npm package `petal-components-mcp@0.1.0` before running it. The MCP Registry declares this package as a stdio server.
2. Install Node.js, then run the command below in your Claude Code project. Check the publisher README for any account or configuration requirements.
3. Restart Claude Code and use `/mcp` to confirm the connection and review its tools and permissions.

```sh
claude mcp add mcp-io-github-petalframework-petal-components-d529ee -- npx -y petal-components-mcp@0.1.0
```

Installation guide: https://github.com/petalframework/petal-components-mcp