Pointcast — MCP-сервер для Claude Code: что делает и как установить
Передаёт в ИИ-агенты разметку веб-интерфейса и голосовые комментарии из браузера. Помогает ставить задачи по коду прямо во время кликов по экрану.
claude mcp add --env POINTCAST_DIR=<POINTCAST_DIR> --env POINTCAST_HANDOFF=<POINTCAST_HANDOFF> --transport stdio cli -- npx -y pointcastЧто делает Pointcast
Сервер связывает расширение Chrome с агентом. Разработчик открывает dev-сборку React или Vue, зажимает клавишу, кликает по кнопкам и голосом объясняет задачу. Pointcast определяет иерархию компонентов, ищет совпадения текста в локальных файлах и вписывает в спецификацию точные номера строк.
Инструмент отдаёт данные через протокол MCP в режиме чтения или генерирует файл session.md. На локальном адресе 127.0.0.1 утилита слушает сессии от браузера, минуя загрузки. Поиск по файлам опирается на исходники, поэтому команду запускают в корне репозитория.
Без Node.js 22.12 или новее процесс сломается сразу. Браузер сам переводит речь в текст, поэтому модель Whisper не ставится по умолчанию. Если же транскрибировать звук на компьютере через пакет @huggingface/transformers, придётся загрузить около 450 МБ весов.
Какие задачи решает
- сопоставить клики в интерфейсе с номерами строк в коде
- преобразовать голосовые комментарии из браузера в разметку Markdown
- передавать сессии записи правок агенту через MCP-сервер
- создать черновик задачи в GitHub Issue на основе сессии
Примеры запросов агенту
- Изучи последнюю сессию Pointcast и скорректируй кнопку экспорта
- Проверь замечания из Pointcast и обнови компонент таблицы
Как установить Pointcast
Командой платформы
claude mcp add --env POINTCAST_DIR=<POINTCAST_DIR> --env POINTCAST_HANDOFF=<POINTCAST_HANDOFF> --transport stdio cli -- npx -y pointcastВместо <…> подставьте свои значения
Командой платформы
codex mcp add cli --env POINTCAST_DIR=<POINTCAST_DIR> --env POINTCAST_HANDOFF=<POINTCAST_HANDOFF> -- npx -y pointcastВместо <…> подставьте свои значения
Файл настроек
{
"mcpServers": {
"cli": {
"command": "npx",
"args": [
"-y",
"pointcast"
],
"env": {
"POINTCAST_DIR": "<POINTCAST_DIR>",
"POINTCAST_HANDOFF": "<POINTCAST_HANDOFF>"
}
}
}
}Вместо <…> подставьте свои значения
Файл настроек
{
"servers": {
"cli": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"pointcast"
],
"env": {
"POINTCAST_DIR": "<POINTCAST_DIR>",
"POINTCAST_HANDOFF": "<POINTCAST_HANDOFF>"
}
}
}
}Вместо <…> подставьте свои значения
Командой платформы
gemini mcp add -e POINTCAST_DIR=<POINTCAST_DIR> -e POINTCAST_HANDOFF=<POINTCAST_HANDOFF> cli npx -y pointcastВместо <…> подставьте свои значения
По шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Pointcast
Как установить Pointcast в Claude Code?
Выполните команду claude mcp add pointcast -- npx -y pointcast. Чтобы передать каталоги через переменные окружения, вызовите claude mcp add --env POINTCAST_DIR=<POINTCAST_DIR> --env POINTCAST_HANDOFF=<POINTCAST_HANDOFF> --transport stdio cli -- npx -y pointcast.
Что делает Pointcast?
Он связывает клики и голосовую дорожку из браузера с исходным кодом компонентов React, Vue или Svelte. Полученная разметка отдаётся агенту через MCP или копируется в буфер обмена.
Что требуется для локального распознавания речи?
По умолчанию транскрипция выполняется внутри расширения браузера. Для офлайн-распознавания через CLI нужен пакет @huggingface/transformers, либо передайте параметр --engine openai.