# livewire-flux-mcp

Сервер передаёт актуальную документацию компонентов и макетов Livewire Flux в контекст ассистента. Пригодится при вёрстке интерфейсов, чтобы агент не брал платные компоненты без подписки.

- MCP-сервер · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 9
- Автор: leMaur
- Лицензия: MIT · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/leMaur/livewire-flux-mcp
- Обновлён: 2026-10-23
- HTML: https://affpapa.org/nevibecode/mcp/livewire-flux-mcp

## Что делает

MCP-сервер обращается к сайту `fluxui.dev`, загружая справку по компонентам, макетам и доступным иконкам Heroicons. В отличие от общих баз знаний, он отдаёт ассистенту точечные страницы с перечнем пропсов и примерами вызова. Все полученные данные кэшируются на 24 часа, поэтому повторные запросы не тратят время на парсинг сети.

В связке с Laravel Boost инструмент решает проблему избыточных ответов: вместо поиска по тысячам документов агент читает ровно один нужный компонент. Сервер сразу помечает Pro-элементы библиотеки, поэтому агент не предложит закрытые платные компоненты при отсутствии купленной лицензии. Интеграция запускается через `npx` по протоколу stdio без глобальной установки пакетов.

## Требования
- Нужно: Node.js (команды через npx)

## Установка

### Claude Code (родная платформа)

**Командой платформы**
```bash
claude mcp add livewire-flux-mcp -- npx -y livewire-flux-mcp
```

### Codex

**Командой платформы**
```bash
codex mcp add livewire-flux-mcp -- npx -y livewire-flux-mcp
```

### Cursor

**Файл настроек**
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "livewire-flux-mcp": {
            "command": "npx",
            "args": [
                "-y",
                "livewire-flux-mcp"
            ]
        }
    }
}
```

### GitHub Copilot

**Файл настроек**
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "livewire-flux-mcp": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "livewire-flux-mcp"
            ]
        }
    }
}
```

### Gemini CLI

**Командой платформы**
```bash
gemini mcp add livewire-flux-mcp npx -y livewire-flux-mcp
```

## Когда брать
- найти точные пропсы для конкретного компонента Livewire Flux
- отфильтровать платные Pro-компоненты при генерации вёрстки
- подобрать подходящее имя Heroicon для вызова через `flux:icon`
- сократить расход токенов контекста при поиске по документации

## Примеры запросов агенту
- Покажи документацию и доступные параметры для компонента `flux:modal`
- Найди подходящую иконку Heroicon для кнопки сохранения через `flux:icon`
- Сверстай форму профиля, используя только бесплатные компоненты Flux UI

## Похожие
- [livewire-development](https://affpapa.org/nevibecode/skills/livewire-development.md) — скилл · 591 установка
- [filament-pro](https://affpapa.org/nevibecode/skills/filament-pro.md) — скилл · 1200 установок
- [laravel-tall-stack-best-practices-cursorrules-prom](https://affpapa.org/nevibecode/rules/laravel-tall-stack-best-practices-cursorrules-prom.md) — правило · ★ 41024
- [Laravel MCP Companion](https://affpapa.org/nevibecode/mcp/laravel-mcp-companion.md) — MCP-сервер · ★ 38
- [laravel-specialist](https://affpapa.org/nevibecode/skills/laravel-specialist.md) — скилл · 23300 установок
- [laraclaude](https://affpapa.org/nevibecode/plugins/laraclaude.md) — плагин · ★ 13

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md