pagecast — MCP-сервер для Claude Code: демо-запись браузера
Записывает браузерную сессию и отдаёт готовый GIF или MP4 с зумом на кликах. Пригодится для демо в README.
claude mcp add pagecast -- npx -y @mcpware/pagecastЧто делает pagecast
Pagecast — MCP-сервер, который открывает Chromium, повторяет ваши действия на странице и превращает запись в GIF или MP4. Курсор подсвечивается, каждый клик даёт рябь, а на экспорте можно включить увеличенную врезку рядом с местом действия или плавный облёт камеры между целями.
Инструменты разделены по шагам: record_page открывает URL и стартует запись, interact_page выполняет клики, ввод, прокрутку и переходы, stop_recording сохраняет .webm вместе с -timeline.json. Дальше smart_export, cinematic_export, convert_to_gif или convert_to_mp4 собирают финальный файл, а record_and_export делает всё за один вызов. Размер и формат можно не считать вручную: достаточно сказать, куда пойдёт демо, и сервер подставит пресет платформы.
Нужны Node.js версии 20 или новее и ffmpeg в PATH — без него конвертация не запустится. Браузер для Playwright ставится отдельно командой npx playwright install chromium. По умолчанию окно видимое, флаг --headless убирает его в фон.
Какие задачи решает
- записать демо приложения для README
- собрать вертикальное видео для Reels или TikTok
- пересобрать демо после правок интерфейса
- приложить запись шагов к баг-репорту
- получить MP4 из записанного
.webm
Примеры запросов агенту
- Запиши демо
localhost:3000для GitHub README - Сделай запись приложения на 10 секунд и экспортируй в MP4
- Запиши демо дашборда для TikTok
Как установить pagecast
Командой платформы
claude mcp add pagecast -- npx -y @mcpware/pagecastКомандой платформы
codex mcp add pagecast -- npx -y @mcpware/pagecastФайл настроек
{
"mcpServers": {
"pagecast": {
"command": "npx",
"args": [
"-y",
"@mcpware/pagecast"
]
}
}
}Файл настроек
{
"servers": {
"pagecast": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@mcpware/pagecast"
]
}
}
}Командой платформы
gemini mcp add pagecast npx -y @mcpware/pagecastПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о pagecast
Как установить pagecast в Claude Code?
Выполните claude mcp add pagecast -- npx -y @mcpware/pagecast. Перед первым запуском поставьте браузер: npx playwright install chromium.
Что делает pagecast?
Открывает страницу в Chromium, фиксирует клики, ввод и прокрутку, а затем экспортирует запись в GIF или MP4 с эффектами зума.
Что нужно для работы pagecast?
Node.js версии 20 или новее и ffmpeg в PATH. Без ffmpeg конвертация в GIF и MP4 не пройдёт.
