livewire-flux-mcp — MCP-сервер для Claude Code: как ставить
Сервер передаёт актуальную документацию компонентов и макетов Livewire Flux в контекст ассистента. Пригодится при вёрстке интерфейсов, чтобы агент не брал платные компоненты без подписки.
claude mcp add livewire-flux-mcp -- npx -y livewire-flux-mcpЧто делает livewire-flux-mcp
MCP-сервер обращается к сайту fluxui.dev, загружая справку по компонентам, макетам и доступным иконкам Heroicons. В отличие от общих баз знаний, он отдаёт ассистенту точечные страницы с перечнем пропсов и примерами вызова. Все полученные данные кэшируются на 24 часа, поэтому повторные запросы не тратят время на парсинг сети.
В связке с Laravel Boost инструмент решает проблему избыточных ответов: вместо поиска по тысячам документов агент читает ровно один нужный компонент. Сервер сразу помечает Pro-элементы библиотеки, поэтому агент не предложит закрытые платные компоненты при отсутствии купленной лицензии. Интеграция запускается через npx по протоколу stdio без глобальной установки пакетов.
Какие задачи решает
- найти точные пропсы для конкретного компонента Livewire Flux
- отфильтровать платные Pro-компоненты при генерации вёрстки
- подобрать подходящее имя Heroicon для вызова через
flux:icon - сократить расход токенов контекста при поиске по документации
Примеры запросов агенту
- Покажи документацию и доступные параметры для компонента
flux:modal - Найди подходящую иконку Heroicon для кнопки сохранения через
flux:icon - Сверстай форму профиля, используя только бесплатные компоненты Flux UI
Как установить livewire-flux-mcp
Командой платформы
claude mcp add livewire-flux-mcp -- npx -y livewire-flux-mcpКомандой платформы
codex mcp add livewire-flux-mcp -- npx -y livewire-flux-mcpФайл настроек
{
"mcpServers": {
"livewire-flux-mcp": {
"command": "npx",
"args": [
"-y",
"livewire-flux-mcp"
]
}
}
}Файл настроек
{
"servers": {
"livewire-flux-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"livewire-flux-mcp"
]
}
}
}Командой платформы
gemini mcp add livewire-flux-mcp npx -y livewire-flux-mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о livewire-flux-mcp
Как установить livewire-flux-mcp в Claude Code?
Выполните в терминале команду claude mcp add livewire-flux-mcp -- npx -y livewire-flux-mcp. Разделитель -- передаёт команду запуска непосредственно утилите через stdio.
Зачем нужен livewire-flux-mcp, если уже есть Laravel Boost?
Инструмент search-docs в Boost ищет по огромной базе и часто выдаёт тысячи лишних токенов. Этот сервер возвращает только страницу запрошенного компонента и отслеживает необходимость коммерческой лицензии Pro.
Как работает кэширование документации?
Сервер запрашивает данные с fluxui.dev и сохраняет их локально на 24 часа. Повторные обращения к тем же страницам отдаются мгновенно без сетевых задержек.
