bezelbub-mcp — MCP-сервер для Claude Code: рамки устройств Apple
Оборачивает скриншоты и записи экрана в рамки iPhone, iPad, Mac и Apple TV. Работает только на macOS.
claude mcp add bezelbub-mcp -- npx -y @dgr_labs/bezelbub-mcpЧто делает bezelbub-mcp
Сервер даёт агенту доступ к движку Bezelbub: тот сам определяет устройство по размеру картинки и подставляет подходящий безель. Для iPhone и iPad совпадение идёт по точному разрешению экрана, для Mac, iMac, Studio Display и Apple TV — по размеру захвата при любом уровне масштабирования macOS. Если размера нет в базе, включается подбор по соотношению сторон.
Рамку можно задать вручную: --device, --color, --orientation, --background, --output-size. Результат отдаётся в JSON, а при ошибке приходит ненулевой код возврата и подсказка на stderr — какие id валидны, какие устройства ближе по пропорциям. Это удобно, когда вызов идёт из скрипта или CI и разбирать логи вручную некому.
Прозрачный фон для видео требует HEVC с альфой в контейнере .mov, а копию в VP9/WebM для Chrome и Firefox сервер делает через ffmpeg — без него в PATH этот шаг не пройдёт. Сама платформа тоже ограничивает: сервер рассчитан на macOS.
Какие задачи решает
- обернуть скриншот приложения в рамку нужного iPhone
- собрать мокап для страницы с описанием продукта
- наложить безель на запись экрана и сохранить звук
- выгрузить видео с прозрачным фоном для презентации
- получить список доступных устройств и цветов в JSON
Примеры запросов агенту
- Оберни
shot.pngв рамку iPhone 17 Pro в цвете Cosmic Orange - Сделай из
demo.mp4видео с прозрачным фоном и добавь копию в WebM - Покажи, какие устройства подходят под этот скриншот
Как установить bezelbub-mcp
Командой платформы
claude mcp add bezelbub-mcp -- npx -y @dgr_labs/bezelbub-mcpКомандой платформы
codex mcp add bezelbub-mcp -- npx -y @dgr_labs/bezelbub-mcpФайл настроек
{
"mcpServers": {
"bezelbub-mcp": {
"command": "npx",
"args": [
"-y",
"@dgr_labs/bezelbub-mcp"
]
}
}
}Файл настроек
{
"servers": {
"bezelbub-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@dgr_labs/bezelbub-mcp"
]
}
}
}Командой платформы
gemini mcp add bezelbub-mcp npx -y @dgr_labs/bezelbub-mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о bezelbub-mcp
Как установить bezelbub-mcp в Claude Code?
Одной командой: claude mcp add bezelbub-mcp -- npx -y @dgr_labs/bezelbub-mcp.
Что делает bezelbub-mcp?
Помещает скриншоты и записи экрана в рамки устройств Apple. Устройство определяется по размеру изображения, но его можно указать и вручную.
Что нужно для работы bezelbub-mcp?
macOS. Для копии видео в WebM с альфой дополнительно нужен ffmpeg в PATH.
