MCP Server

petal-components-mcp

io.github.petalframework/petal-components-mcp
Developer Tools Public & reachable MCP 2025-11-25

What this MCP does

Lists and retrieves Phoenix LiveView petal_components schemas and provides installation instructions and usage examples.

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 instead of training-data guesses.
Input schema
{'type': 'object', 'required': ['name'], 'properties': {'name': {'type': 'string', 'description': "Component function name without the leading dot (e.g. 'button', 'modal', 'field', 'text_input'). The HEEx tag is the same name prefixed with a dot: <.button>. Call list_components for the full inventory."}}, 'additionalProperties': False}
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 instructions covering mix.exs, mix deps.get, Tailwind v4 CSS config, and the web module import. Steps are idempotent - safe to follow on a project that is partially configured.
Input schema
{'type': 'object', 'properties': {}, 'additionalProperties': False}
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.
Input schema
{'type': 'object', 'properties': {}, 'additionalProperties': False}
Added
get_component
Sept. 17, 2026, 12:45 p.m.
Added
list_components
Sept. 17, 2026, 12:45 p.m.
Added
get_install_instructions
Sept. 17, 2026, 12:45 p.m.