MCP server for petal_components — Phoenix LiveView component schemas exposed to AI coding assistants.
MCP server for petal_components — Phoenix LiveView component schemas exposed to AI coding assistants. Exposed over MCP by the petal components mcp mcp server, that capability becomes something an assistant can invoke while it works, not something you go and do afterwards.
An MCP server that exposes petal_components — the Shadcn-style component library for Phoenix LiveView — to AI coding assistants (Claude Code, Cursor, Windsurf, etc).
Everything the assistant can do here goes through one of these:
list_components — every component in the library with a one-line summaryget_component — full schema (attrs, slots, defaults, values, docs) + HEEx usage exampleBeing a remote server, there is no local install. You register the endpoint with your client, authorise it once, and the tools appear.
Among the developer tooling options, the useful question is rarely "what can it do" but "what does it cost you to run" — permissions, credentials, and how much of your context its toolset consumes. Petal Components MCP's toolset — list_components, get_component — is a fair guide to whether it matches your workflow. It is maintained by petalframework; worth a glance at recent repository activity before you build anything load-bearing on it.
This entry was verified against Petal Components MCP's own documentation before publication; SyncDev keeps the directory reviewed rather than auto-generated.
| Tool | What it does |
|---|---|
| list_components | every component in the library with a one-line summary |
| get_component | full schema (attrs, slots, defaults, values, docs) + HEEx usage example |
{
"mcpServers": {
"petal-components": {
"command": "npx",
"args": ["-y", "npm"]
}
}
}Add to claude_desktop_config.json, then restart Claude Desktop.
Kill hallucinated APIs — version-accurate, up-to-date library documentation injected straight into context.
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
GitHub's official server — repos, issues, pull requests, Actions and code security, straight from your assistant.
Issue tracking at the speed of conversation — Linear's official hosted server with OAuth and zero install.
Local repository surgery — status, diffs, commits, branches and history for any repo on disk.
Timezone sanity for AI — current time anywhere and correct conversions, without the model doing date math.