mcpware/pagecast

mcpware/pagecast

от mcpware
Pagecast — MCP сервер для автосоздания демо-гифок и видео из действий AI в браузере. Добавляет лупу на клики и кинематографический зум, экспортирует чистый GIF/MP4. Полезен разработчикам для README и демо: просто опишите сценарий — сервер запишет и смонтирует сам.

Pagecast

npm version npm downloads license GitHub stars GitHub forks

English | 廣東話

Turn AI browser interactions into polished product demos.

Tell your AI to demo your app. Pagecast records the browser, tracks every click and keystroke, and exports a shipping-ready GIF or MP4 — with tooltip zoom overlays and cinematic pan effects. No screen recorder. No video editor. No post-production. Make a demo gif automatically after every PR if you want.

Without Pagecast — plain screen recording, you do the demonstration yourself and record yourself and you need to repead every time you changed the UI. You can see the cursor moving, but the actual interactions are too small to follow:

Original

With Pagecast (tooltip mode) — a magnified close-up appears on every interaction so viewers can actually see what's happening, and it design what to demo and make a new demo gif automatically:

Tooltip Demo

With Pagecast (cinematic mode) — the camera crops and pans to follow each action, and it design what to demo and make a new demo gif automatically:

Cinematic Demo

Two ways to use Pagecast

1. Product demo tool (the main use case)
Инструменты были проиндексированы:
convert_to_gif

Преобразует видео .webm в оптимизированный GIF с помощью двухпроходного метода палитры ffmpeg.

Параметры
  • fpsnumber

    GIF frame rate (default 10)

  • startTimenumber

    Skip first N seconds (useful to trim blank loading frames)

  • webmPathstringобязательный

    Path to the .webm file

  • widthnumber

    GIF width in pixels (default 640, height auto-scaled)

convert_to_mp4

Преобразует видео .webm в MP4 (H.264). Широко совместим с социальными сетями, обменом и встраиванием.

Параметры
  • crfnumber

    Quality (18=high, 23=default, 28=small file)

  • webmPathstringобязательный

    Path to the .webm file

interact_page

Выполняет действия на странице записи (прокрутка, клик, наведение, ввод, нажатие, выбор, ожидание, навигация). Действия выполняются последовательно и записываются в видео.

Параметры
  • actionsobject[]обязательный

    Array of actions to perform sequentially

  • sessionIdstringобязательный

    Session ID from record_page

list_recordings

Перечисляет все записи .webm и .gif в выходном каталоге.

Параметры
  • directorystring

    Directory to list (default: ./recordings)

record_and_gif

Всё в одном: открывает URL, ждёт указанное время, останавливает запись, преобразует в GIF. Лучше всего подходит для простых демонстраций.

Параметры
  • durationSecondsnumber

    How long to record (default 5 seconds)

  • gifFpsnumber

    GIF frame rate

  • gifWidthnumber

    GIF width (height auto-scaled)

  • heightnumber

    Viewport height

  • urlstringобязательный

    URL to record

  • widthnumber

    Viewport width

record_page

Откройте URL в браузере и запустите запись видео. Возвращает идентификатор сессии. Вызовите stop_recording по завершении. Обычные размеры: 1280x720 (16:9, README/YouTube), 1080x1920 (9:16, IG Reels/TikTok), 1080x1080 (1:1, Instagram/LinkedIn).

Параметры
  • heightnumber

    Viewport height in pixels

  • urlstringобязательный

    URL to open and record

  • widthnumber

    Viewport width in pixels

stop_recording

Останавливает сессию записи и сохраняет видео в файл .webm.

Параметры
  • sessionIdstringобязательный

    Session ID from record_page

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

Custodia-Admin/pagebolt-mcp

Custodia-Admin/pagebolt-mcp

PageBolt MCP сервер открывает AI-ассистентам браузерную веб-автоматизацию: скриншоты, PDF и запись демо-видео. Также инспектирует страницы и создаёт OG-картинки. Просто опишите задачу — сервер выполнит.

JavaScript4
ndthanhdev/mcp-browser-kit

ndthanhdev/mcp-browser-kit

MCP Browser Kit — сервер, который позволяет AI-ассистентам напрямую управлять локальными браузерами. Полезен для автоматизации действий на страницах, сбора данных и тестирования. Разработчики и тес...

TypeScript53
automatalabs/mcp-server-playwright

automatalabs/mcp-server-playwright

Сервер для автоматизации браузера через Playwright: позволяет ИИ-агентам открывать страницы, делать скриншоты, кликать, заполнять формы и выполнять JavaScript — полезен для тестирования и сбора данных.

JavaScript299
Browserbase MCP

Browserbase MCP

официальный

MCP сервер облачной автоматизации браузера Browserbase. Позволяет AI-агентам навигировать по сайтам, извлекать данные и выполнять действия. Полезен для RPA и веб-скрапинга. Доступен self-hosted и hosted.

TypeScript3404
Browser MCP

Browser MCP

официальный

Browser MCP автоматизирует браузер через ИИ (VS Code, Claude, Cursor, Windsurf) — локально и приватно, с вашим профилем. Сервер обходит капчи и детекцию ботов, подходит для RPA и тестирования разра...

TypeScript7070
just-every/mcp-screenshot-website-fast

just-every/mcp-screenshot-website-fast

Быстрый MCP-сервер для скриншотов веб-страниц, оптимизированный под Claude Vision. Автоматически разбивает полные страницы на тайлы 1072x1072. Поддерживает скринкасты, захват CSS-селекторов и настр...

TypeScript109
© Каталог MCP, 2026. Все права защищены.
Проект не аффилирован с Anthropic и любыми упомянутыми продуктами.
Все названия и торговые марки принадлежат их владельцам.
Контакты для связи: hi@mcp-katalog.ru

Лука Никитин