# Maket

Maket разворачивает интерактивный холст HTML и CSS прямо во время диалога с ассистентом. Инструмент генерирует макеты с предпросмотром и собирает готовый PDF по табличным данным.

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

## Что делает

Maket подключает модель к движку визуальной вёрстки. Вместо простого текста ассистент создаёт страницы с точными размерами в миллиметрах или стандартных форматах от A2 до A8. Все правки сразу видны в окне браузера. Вы можете кликнуть на блок в панели просмотра, оставить комментарий, и агент сразу пересчитает вёрстку.

Внутри заложены два механизма работы с данными. Коллекции связывают схему JSON Schema с табличными строками, чтобы пакетами генерировать бейджи или этикетки. Документное состояние хранит схему с историей версий, позволяя менять поля через нативные переключатели и кнопки прямо на макете.

Для экспорта страниц сервер вызывает headless Chromium, поэтому в системе необходим браузерный движок. Запуск через npm требует Node.js 22 или новее. Также готовый макет можно передать черновиком в почту Gmail.

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

## Установка

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

**Командой платформы**
```bash
claude mcp add maket -- npx -y @ng-galien/maket
```

### Codex

**Командой платформы**
```bash
codex mcp add maket -- npx -y @ng-galien/maket
```

### Cursor

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

### GitHub Copilot

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

### Gemini CLI

**Командой платформы**
```bash
gemini mcp add maket npx -y @ng-galien/maket
```

## Когда брать
- сверстать печатный буклет или флаер заданного формата
- сгенерировать серию бейджей по строкам таблицы
- настроить фирменные стили и шрифты для документов
- экспортировать вёрстку в PDF через headless Chromium
- создать черновик письма и передать его в Gmail

## Примеры запросов агенту
- Сделай вертикальный флаер формата A5 для лекции в субботу и открой предпросмотр
- Свяжи макет бейджа с таблицей участников и покажи первую строку
- Экспортируй утверждённый документ в PDF

## Похожие
- [Next AI Draw.io](https://affpapa.org/nevibecode/mcp/next-ai-drawio.md) — MCP-сервер · ★ 36398
- [tldraw](https://affpapa.org/nevibecode/mcp/tldraw.md) — MCP-сервер · ★ 51091
- [Figma-Context-MCP](https://affpapa.org/nevibecode/mcp/figma-context-mcp.md) — MCP-сервер · ★ 16062
- [Agent-Native Assets](https://affpapa.org/nevibecode/mcp/agent-native-assets.md) — MCP-сервер · ★ 7506
- [Remove AI Watermarks](https://affpapa.org/nevibecode/mcp/remove-ai-watermarks.md) — MCP-сервер · ★ 6114
- [Dembrandt](https://affpapa.org/nevibecode/mcp/dembrandt.md) — MCP-сервер · ★ 3821

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