К основному содержанию
MCP-сервер CX Codex

keyline MCP-сервер для Claude Code: что делает и как установить

MCP-сервер для вёрстки баннеров и видео агентом без браузера. Генерирует графику через Skia из JSON-сцены под заданные размеры.

Установить в Claude Code · Командой платформы Все способы и платформы ↓
claude mcp add keyline -- docker run -i --rm ghcr.io/keyline-dev/keyline-mcp:0.8.1
Открыть на GitHub

Что делает keyline

keyline преобразует структурированное JSON-описание макета в готовые изображения или видео. Вместо запуска Puppeteer или Playwright инструмент применяет нативный бинарник на Rust со встроенной библиотекой Skia. Агент описывает слои вроде text, image, frame и icon, после чего сервер собирает графику под нужные пропорции: от квадратных постов до узких рекламных баннеров.

Процесс оптимизирован под расход контекста. Вместо отправки тяжёлых скриншотов движок возвращает числовые замеры и список конкретных дефектов вёрстки, если текст не влезает в рамки. Без браузера уходит меньше токенов: по тестам автора расход снижается вдвое по сравнению с headless Chrome. Рендеринг выполняется на GPU, а при сбоях переключается на CPU для детерминированного вывода.

Для работы сервера необходим Docker, так как сборка распространяется в образе ghcr.io/keyline-dev/keyline-mcp:0.8.1. Без запущенного Docker-демона инструмент не стартует.

Какие задачи решает

  • собрать комплект рекламных баннеров под разные экраны из единой JSON-сцены
  • сгенерировать видео или анимированный GIF для соцсетей без запуска браузера
  • исправить переполнение текста по числовым отчётам движка вместо скриншотов
  • отрендерить векторную графику и типографику через Skia на GPU

Примеры запросов агенту

  • Собери баннеры для соцсетей в размерах 1:1 и 16:9 с заголовком, кнопкой и логотипом через keyline
  • Проверь макет афиши на переполнение слоёв и экспортируй результат в PNG и WebP
  • Создай короткий анимированный ролик анонса для сторис на основе шаблона

Как установить keyline

Командой платформы

claude mcp add keyline -- docker run -i --rm ghcr.io/keyline-dev/keyline-mcp:0.8.1

По шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие

Вопросы о keyline

Как установить keyline в Claude Code?

Выполните команду claude mcp add keyline -- docker run -i --rm ghcr.io/keyline-dev/keyline-mcp:0.8.1. Для запуска требуется предварительно запустить Docker.

Зачем keyline агенту вместо headless Chrome?

Сервер работает на нативном движке Skia на Rust без браузерного оверхеда. Агент правит макет по точным измерениям ошибок, расходуя в два раза меньше токенов, чем при анализе скриншотов в Chrome.

В каких форматах keyline сохраняет результаты?

Движок рендерит статичные макеты в PNG, JPEG, WebP и PDF. Для динамических сцен поддерживаются форматы MP4, WebM, animated PNG и GIF.

Похожие MCP-серверы

Все MCP-серверы по теме «Дизайн» →
Next AI Draw.io DayuanJiang MCP-сервер строит диаграммы draw.io по файлам проекта и показывает их на редактируемом холсте в браузере. Подходит, когда агент и вы работаете над одной схемой. CX Codex +1 ★ 36 427звёзд репо tldraw tldraw Даёт агенту интерактивный холст tldraw: он может рисовать, менять объекты и сохранять состояние между обращениями. CX Codex +1 ★ 51 104звёзд репо Figma-Context-MCP GLips MCP-сервер передаёт агенту разметку и стили из макетов Figma. Помогает собирать интерфейс по ссылке на фрейм без ручной нарезки скриншотов. CX Codex +1 ★ 16 073звёзд репо Agent-Native Assets BuilderIO MCP-сервер помогает загружать, упорядочивать и находить цифровые материалы, а также создавать изображения и видео в стиле бренда. CX Codex +1 ★ 7 527звёзд репо Remove AI Watermarks wiltodelta MCP-сервер ищет и удаляет видимые AI-метки, скрытые водяные знаки и метаданные из изображений и видео, которыми вы владеете. CX Codex +1 ★ 6 144звёзд репо Dembrandt dembrandt Снимает с любой страницы цвета, шрифты, отступы и компоненты и отдаёт их агенту как дизайн-токены. Пригодится, когда нужно перенести чужой стиль в свой проект. CX Codex +1 ★ 3 851звёзд репо

Спонсоры проекта

Компании, которые помогают держать аналитику открытой