HTML/CSS to Image API — MCP-сервер для Claude Code
Рендерит HTML/CSS, снимает скриншоты сайтов и собирает картинки или PDF из шаблонов без локального браузера.
claude mcp add --transport http html-css-to-image https://mcp.hcti.ioЧто делает HTML/CSS to Image API
Сервер превращает HTML/CSS-разметку в изображения, умеет снимать скриншоты живых сайтов и заполнять переиспользуемые шаблоны данными для генерации картинок или PDF. Всё работает через размещённый HCTI MCP-сервер по адресу https://mcp.hcti.io, поэтому отдельный браузер агенту не нужен.
Подключение идёт через браузерный OAuth от HCTI: ключ API или токен доступа хранить не нужно. Для рендеринга через ClawHub-версию требуется аккаунт HCTI с доступными кредитами.
В пакете также есть отдельные скиллы — для генерации изображений и шаблонов, и отдельно для настройки динамических Open Graph картинок с интеграцией в метаданные сайта.
Какие задачи решает
- сделать скриншот живого сайта без запуска браузера
- собрать картинку или PDF из HTML/CSS-шаблона
- настроить динамические Open Graph-превью для страниц сайта
- заполнить сохранённый шаблон данными и получить готовое изображение
Примеры запросов агенту
- Сделай скриншот сайта example.com и сохрани как PNG
- Собери PDF из шаблона отчёта с этими данными
- Настрой динамическую Open Graph-картинку для страницы блога
Как установить HTML/CSS to Image API
Командой платформы: удалённый сервер
claude mcp add --transport http html-css-to-image https://mcp.hcti.ioКомандой платформы: удалённый сервер
codex mcp add htmlcss-to-image-api --url https://mcp.hcti.ioФайл настроек
{
"mcpServers": {
"htmlcss-to-image-api": {
"url": "https://mcp.hcti.io"
}
}
}Файл настроек
{
"servers": {
"htmlcss-to-image-api": {
"type": "http",
"url": "https://mcp.hcti.io"
}
}
}Командой платформы: удалённый сервер
gemini mcp add -t http htmlcss-to-image-api https://mcp.hcti.ioПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о HTML/CSS to Image API
Как установить HTML/CSS to Image API в Claude Code?
Выполните claude mcp add --transport http html-css-to-image https://mcp.hcti.io, либо claude mcp add --transport http htmlcss-to-image-api https://mcp.hcti.io.
Что делает HTML/CSS to Image API?
Сервер рендерит HTML/CSS в изображения, снимает скриншоты живых сайтов и генерирует картинки или PDF из переиспользуемых шаблонов через размещённый MCP-сервер HCTI.
Нужен ли для работы API-ключ?
Нет, подключение идёт через браузерный OAuth от HCTI, API-ключ или токен доступа хранить не требуется.
