MCP Pointer
MCP-сервер и расширение Chrome: выбираете элемент DOM в браузере по Option+клику, агент видит его текст, стили и селектор
- 600 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Читает содержимое и стили страниц в браузере и передает их агенту
- Держит локальный сервер и WebSocket-связь с расширением
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add mcp/mcp-pointerОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Читает содержимое и стили страниц в браузере и передает их агенту
- Держит локальный сервер и WebSocket-связь с расширением
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
MCP Pointer связывает браузер и агента кодинга через MCP. Расширение Chrome дает выбрать любой элемент страницы по Option+клику, а локальный сервер передает агенту его содержимое: текст, CSS-классы, атрибуты, положение и стили. Можно попросить только видимый текст, убрать текст совсем или менять уровень детализации стилей на каждый вызов. Есть экспериментальное определение React-компонентов по Fiber с именем и файлом-источником. Связь идет по WebSocket, работает с Claude Code, Cursor и Windsurf.
Для кого. Для фронтенд-разработчиков и дизайнеров, которые правят интерфейс вместе с агентом кодинга.
Подходит, если
- Нужно показать агенту конкретный элемент страницы, а не описывать его словами
- Правите верстку или стиль элемента вместе с агентом
- Нужен селектор, классы и стили выбранного элемента
Не подходит, если
- Не используете браузер Chrome и расширение
- Нужна автоматизация действий в браузере, а не передача контекста элемента
Пример запроса к агенту
Я выбрал элемент в браузере, поправь у него отступы и выровняй по сеткеMCP
- Транспорт
- stdio
- Авторизация
- не нужна
Ограничения
Нужно расширение Chrome из Chrome Web Store или собранное вручную, плюс локальный MCP-сервер на Node.js. После настройки агента надо перезапустить. Определение React-компонентов помечено как экспериментальное. Инструмент локальный, внешних вызовов у него нет.
Как отключить. Уберите mcp-pointer из конфигурации MCP агента и удалите расширение из Chrome.
Частые вопросы
Как выбрать элемент?
Зажмите Option (Alt на Windows) и кликните по элементу на странице, агент получит его текст, стили, селектор и позицию.
Нужны ли ключи или облако?
Нет. Сервер локальный, связь с браузером идет по WebSocket, внешних API у инструмента нет.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыКонсоль, сеть, скриншоты и аудиты Lighthouse из вашего открытого Chrome прямо в агент через расширение DevTools
Плагин для Claude Code и Codex добавляет в сайт инструменты WebMCP, чтобы браузерные агенты вызывали логику приложения.
Подключает агента к запущенному dev-серверу Next.js 16+: ошибки, маршруты, логи и путь к документации нужной версии
MCP-сервер показывает шаги агента на экране: механический паук ловит слова, а ветви делят работу на код, модель и человека.
Агент смотрит живую сцену Three.js, примеряет правки материалов и света в браузере и переносит принятые в исходный код.
Связывает запущенный фронтенд с агентом: клик по элементу ведет к строке кода, а агент видит живой DOM, пропсы и состояние.
Коротко о README
README описывает локальный инструмент из двух частей: MCP-сервер на Node.js и расширение Chrome. Расширение ловит выбор элемента по Option+клику, сервер отдает агенту текст, классы, атрибуты, положение и стили через MCP. Детализацию можно менять на каждый вызов, есть экспериментальное определение React-компонентов. Расширение ставится из Chrome Web Store, сервер настраивается одной командой под Claude Code, Cursor и Windsurf. Лицензия MIT.