livewire-flux-mcp — Claude Code MCP server: how to install
Fetches up-to-date Livewire Flux component and layout docs for AI assistants. It helps write Blade markup with accurate props while filtering out paid Pro items.
claude mcp add livewire-flux-mcp -- npx -y livewire-flux-mcpWhat livewire-flux-mcp does
This MCP server pulls structured documentation directly from fluxui.dev for specific UI elements, layouts, and Heroicon names. Rather than dumping thousands of tokens from a wide knowledge base, it returns only the targeted component page alongside its property reference. Responses stay cached locally for 24 hours, keeping lookups fast during long coding sessions.
The server checks license tiers on the fly, alerting the model whenever a component requires a paid commercial Flux subscription. It connects over standard input and output via npx, so you do not need a global package installation. Running npx livewire-flux-mcp install wires the necessary skill files into Laravel projects that already rely on Boost.
What it helps with
- pull live prop references for individual Livewire Flux components
- identify paid Pro UI elements before generating Blade views
- look up Heroicon identifiers compatible with the
flux:icontag - reduce token consumption compared to broad documentation searches
Example prompts for the agent
- Show me the available props and usage for the
flux:modalcomponent - Find the right Heroicon name for an edit button using
flux:icon - Build a settings form using only free Flux UI elements
How to install livewire-flux-mcp
Platform CLI
claude mcp add livewire-flux-mcp -- npx -y livewire-flux-mcpPlatform CLI
codex mcp add livewire-flux-mcp -- npx -y livewire-flux-mcpConfig file
{
"mcpServers": {
"livewire-flux-mcp": {
"command": "npx",
"args": [
"-y",
"livewire-flux-mcp"
]
}
}
}Config file
{
"servers": {
"livewire-flux-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"livewire-flux-mcp"
]
}
}
}Platform CLI
gemini mcp add livewire-flux-mcp npx -y livewire-flux-mcpStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about livewire-flux-mcp
How do I install livewire-flux-mcp in Claude Code?
Run claude mcp add livewire-flux-mcp -- npx -y livewire-flux-mcp in your terminal. The double dash passes the launch command directly to the stdio transport.
Why use livewire-flux-mcp instead of standard Laravel Boost docs?
Boost searches across a large corpus and often returns massive token dumps. This server returns precise single-component pages and flags Pro components that require a commercial license.
How does documentation caching work?
Content fetched from fluxui.dev is cached for 24 hours. Subsequent requests for the same component resolve immediately without repeated network fetches.
