Maket — MCP-сервер для Claude Code: что делает и как установить
Maket разворачивает интерактивный холст HTML и CSS прямо во время диалога с ассистентом. Инструмент генерирует макеты с предпросмотром и собирает готовый PDF по табличным данным.
claude mcp add maket -- npx -y @ng-galien/maketЧто делает Maket
Maket подключает модель к движку визуальной вёрстки. Вместо простого текста ассистент создаёт страницы с точными размерами в миллиметрах или стандартных форматах от A2 до A8. Все правки сразу видны в окне браузера. Вы можете кликнуть на блок в панели просмотра, оставить комментарий, и агент сразу пересчитает вёрстку.
Внутри заложены два механизма работы с данными. Коллекции связывают схему JSON Schema с табличными строками, чтобы пакетами генерировать бейджи или этикетки. Документное состояние хранит схему с историей версий, позволяя менять поля через нативные переключатели и кнопки прямо на макете.
Для экспорта страниц сервер вызывает headless Chromium, поэтому в системе необходим браузерный движок. Запуск через npm требует Node.js 22 или новее. Также готовый макет можно передать черновиком в почту Gmail.
Какие задачи решает
- сверстать печатный буклет или флаер заданного формата
- сгенерировать серию бейджей по строкам таблицы
- настроить фирменные стили и шрифты для документов
- экспортировать вёрстку в PDF через headless Chromium
- создать черновик письма и передать его в Gmail
Примеры запросов агенту
- Сделай вертикальный флаер формата A5 для лекции в субботу и открой предпросмотр
- Свяжи макет бейджа с таблицей участников и покажи первую строку
- Экспортируй утверждённый документ в PDF
Как установить Maket
Командой платформы
claude mcp add maket -- npx -y @ng-galien/maketКомандой платформы
codex mcp add maket -- npx -y @ng-galien/maketФайл настроек
{
"mcpServers": {
"maket": {
"command": "npx",
"args": [
"-y",
"@ng-galien/maket"
]
}
}
}Файл настроек
{
"servers": {
"maket": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@ng-galien/maket"
]
}
}
}Командой платформы
gemini mcp add maket npx -y @ng-galien/maketПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Maket
Как установить Maket в Claude Code?
Выполните в терминале команду claude mcp add maket -- npx -y @ng-galien/maket. Для работы потребуется установленный Node.js версии 22 или выше.
Что делает Maket?
Сервер даёт ИИ-ассистенту доступ к холсту на HTML и CSS. Он показывает правки в реальном времени, наполняет шаблоны табличными записями и отправляет страницы на печать.
Как Maket формирует файлы PDF?
Рендеринг печатных страниц выполняется через headless Chromium. Это сохраняет точные физические размеры блоков в миллиметрах при сохранении макета на диск.
