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

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

Публикует автономные HTML-страницы и макеты через удалённый сервис. Пригодится, когда нужно быстро отдать коллеге изолированный предпросмотр интерфейса по ссылке.

Установить в Claude Code · Командой платформы: удалённый сервер Все способы и платформы ↓
claude mcp add --transport http share-html https://share-html.zhenjiazhou0127.workers.dev/mcp
Открыть на GitHub

Что делает Share HTML

Сервер отправляет готовый файл разметки в облачный инстанс на Cloudflare Workers. Для каждого файла создаётся изолированная песочница со сроком хранения 365 дней без обязательной регистрации. Инструмент проверяет код встроенным сканером подозрительных паттернов перед показом.

Публикация доступна в двух вариантах: скрытая ссылка public_unlisted или приватный доступ private_link. Во втором случае генерируется 32-байтный ключ accessKey. Он остаётся во фрагменте URL #key= и не уходит на сервер при первом запросе. Если ключ не передан, маршрут предпросмотра отдаёт статус 401.

Страница шеринга /s/:slug выводит статус и фрейм предпросмотра, а адрес /v/:slug/ открывает чистый HTML. Для переноса анонимной загрузки в профиль Supabase сервис выдаёт отдельный токен claimToken.

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

  • показать клиенту интерактивный прототип интерфейса
  • опубликовать изолированный отчёт без развёртывания сайта
  • закрыть доступ к предпросмотру макета секретным ключом
  • передать сгенерированную вёрстку коллеге по временной ссылке

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

  • Опубликуй файл dashboard.html через Share HTML и пришли приватную ссылку с ключом
  • Создай публичную ссылку для предпросмотра report.html
  • Загрузи текущую страницу в Share HTML и покажи её статус

Как установить Share HTML

Командой платформы: удалённый сервер

claude mcp add --transport http share-html https://share-html.zhenjiazhou0127.workers.dev/mcp

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

Вопросы о Share HTML

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

Выполните команду claude mcp add --transport http share-html https://share-html.zhenjiazhou0127.workers.dev/mcp. Агент подключит удалённый HTTP-сервер.

Чем отличаются ссылки Share URL и Preview URL?

Адрес /s/:slug открывает страницу-оболочку со статусом, контекстом безопасности и встроенным просмотром. Маршрут /v/:slug/ отображает саму HTML-страницу внутри изолированной песочницы.

Сколько хранятся загруженные файлы?

Анонимные публикации сохраняются на 365 дней. Владелец может привязать их к аккаунту позже с помощью токена claimToken.

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

Все MCP-серверы по теме «Фронтенд и UI» →
Front-End Checklist thedaviddias Сервер помогает агенту проверять фронтенд-код и публичные страницы по правилам качества. Подключите его для ревью компонентов или аудита доступности, SEO и производительности. CX Codex +1 ★ 74 569звёзд репо tldraw tldraw Даёт агенту интерактивный холст tldraw: он может рисовать, менять объекты и сохранять состояние между обращениями. CX Codex +1 ★ 51 104звёзд репо Figma-Context-MCP GLips MCP-сервер передаёт агенту разметку и стили из макетов Figma. Помогает собирать интерфейс по ссылке на фрейм без ручной нарезки скриншотов. CX Codex +1 ★ 16 073звёзд репо mcp-server-chart antvis MCP-сервер для визуализации данных и построения диаграмм на базе библиотеки AntV прямо в чате с моделью. CX Codex +1 ★ 4 406звёзд репо Dembrandt dembrandt Снимает с любой страницы цвета, шрифты, отступы и компоненты и отдаёт их агенту как дизайн-токены. Пригодится, когда нужно перенести чужой стиль в свой проект. CX Codex +1 ★ 3 851звёзд репо RevoGrid DataGrid MCP Pro revolist Хостинговый MCP-сервер, который подключает агента к документации RevoGrid DataGrid: примеры, проверка возможностей и подсказки по миграции. CX Codex +1 ★ 3 451звёзд репо

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

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