Markagent: аннотатор UI/веб-фидбэка для AI-агентов

Vibe coding фидбэк. Аннотируйте страницы, делайте скриншоты и экспортируйте промпты для Claude Code, Cursor, Codex, OpenCode.

Markagent — это веб-аннотатор, созданный для AI-агентов программирования. Превращайте то, что вы видите, в пиксельно точные промпты, которые читаются как аккуратные баг-репорты для людей — и сразу подходят для Claude Code, Cursor, Codex, OpenCode, Antigravity и любого AI-агента. Кликните по любому элементу на любой веб-странице. Оставьте заметку. Сделайте скриншот. Markagent сам определит React-компонент, исходный файл (в dev-режиме), DOM-контекст, CSS-селектор, URL страницы и размер вьюпорта — и упакует всё это в структурированный, готовый к работе промпт, который ваш AI действительно понимает. Хватит писать «та кнопка слева — нет, другая». Отметьте точку. Отправьте промпт агенту. ▸ АННОТАЦИИ любого элемента в один клик — от быстрых заметок до детальных спецификаций. ▸ СКРИНШОТЫ всей страницы или обрезанные по элементу. ▸ ЗАПИСЬ кликов в виде пронумерованных воспроизведений со скриншотами. ▸ ЭКСПОРТ готовых промптов в Claude Code, Cursor, Codex, OpenCode, Antigravity и любой AI-ассистент. ▸ 100% ЛОКАЛЬНО — аннотации, скриншоты и промпты не покидают браузер. ▸ БЕСПЛАТНО навсегда — без аккаунта, без email, без апселлов. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ КАК ЭТО РАБОТАЕТ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. Удерживая Cmd (Mac) или Ctrl (Windows/Linux), кликните по элементу. Markagent закрепит на нём пронумерованный маркер. 2. Введите заметку. «Сделай скруглённым». «Неверный текст». «Сдвинь на 8px вправо». Сколько угодно раз. 3. Сделайте скриншот. Вся страница или только элемент — на ваш выбор. 4. Нажмите Export. Вставьте промпт в Claude Code, Cursor, Codex, OpenCode, Antigravity или любой AI-ассистент. От установки до первого готового промпта — меньше шестидесяти секунд. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ КЛЮЧЕВЫЕ ВОЗМОЖНОСТИ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ТОЧНОЕ НАВЕДЕНИЕ НА ЭЛЕМЕНТ Markagent определяет React-компонент, исходный файл (в dev-режиме) и стабильный CSS-селектор для каждого элемента, по которому вы кликнули. AI получает конкретный узел, а не размытое описание. УМНЫЕ СКРИНШОТЫ Скриншоты всей страницы или видимой области, автоматически обрезанные по аннотированному элементу. AI видит то же, что и вы. ЗАПИСЬ ПОЛЬЗОВАТЕЛЬСКИХ СЦЕНАРИЕВ Включите режим journey, и ваши клики превращаются в пронумерованное воспроизведение со скриншотами. Баг-репорты, по которым не нужны уточняющие звонки. ЭКСПОРТ ГОТОВЫХ ПРОМПТОВ Один клик копирует структурированный промпт с селекторами, скриншотами, URL, размером вьюпорта и вашими заметками. Шаблоны настроены под каждый крупный AI-агент программирования. КЛАВИАТУРА В ПРИОРИТЕТЕ Cmd+Shift+. на Mac. Ctrl+Shift+. на Windows и Linux. Тулбар вызывается на любом сайте. НОЛЬ НАСТРОЕК Без аккаунтов. Без API-ключей. Без конфигурации проекта. Установил, закрепил, поехали. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ РАБОТАЕТ С ЛЮБЫМ AI-АГЕНТОМ ПРОГРАММИРОВАНИЯ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Шаблоны экспорта, настроенные под крупных AI-агентов программирования: • Claude Code — терминальный агент от Anthropic • Cursor — AI-first редактор кода • Codex — агент программирования от OpenAI • OpenCode — open-source терминальный агент • Antigravity — среда AI-разработки от Google Если ваш AI-инструмент читает текст — Markagent с ним работает. Это покрывает диалоговых ассистентов вроде ChatGPT, Gemini и Copilot, vibe coding платформы вроде v0, Bolt и Lovable, и локальные LLM, запущенные через Ollama или LM Studio. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ИДЕАЛЬНО ПОДХОДИТ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ VIBE-КОДЕРАМ — устали объяснять одну и ту же UI-правку три раза. ДИЗАЙНЕРАМ — для дизайн-QA на staging-сборках с пиксельно точными спецификациями. ПРОДАКТ-МЕНЕДЖЕРАМ — для UI баг-репортов, которые инженеры понимают с первого раза. FRONTEND-РАЗРАБОТЧИКАМ — для лучших промптов при рефакторинге незнакомого кода. QA-КОМАНДАМ — для воспроизводимых баг-репортов без фреймворка автоматизации. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ОДИН ЭКСПОРТ — ДВЕ АУДИТОРИИ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Экспорт Markagent — это markdown. Он читается людьми как аккуратный баг-тикет — и без изменений отправляется в любой AI-агент программирования. Тестировщик записывает сценарий. Передаёт инженерии. Разработчик читает его как обычный баг-репорт, а потом отправляет тот же самый markdown в Claude Code, Cursor, Codex, OpenCode, Antigravity или любой AI-агент для исправления. Без шага перевода. Без второго инструмента. Один артефакт, две аудитории. Передача от человека к человеку. Передача от человека к агенту. Один файл. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ СОЗДАН ДЛЯ АГЕНТОВ, А НЕ ПРОСТО АННОТАТОР ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Обычные аннотаторы сохраняют картинки. AI-агент, получив обычный скриншот, видит лишь «где-то что-то не так». Markagent создан для агентов. Каждая аннотация несёт React-компонент, исходный файл (в dev-режиме), DOM-контекст, CSS-селектор, URL и вьюпорт — упакованные в промпт, по которому AI может действовать без догадок. Тот же клик. Пиксельно точный контекст. Реальные исправления. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ПРИВАТНОСТЬ — 100% ЛОКАЛЬНО, БЕЗ ТЕЛЕМЕТРИИ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Markagent работает полностью в вашем браузере. • Без аналитики. Без трекинга. Без фингерпринтинга. • Без аккаунтов. Без логина. Без email. • Без серверов. Ноль исходящих сетевых запросов. • Без облачной синхронизации. Заметки живут в локальном хранилище расширения — и больше нигде. Проверьте сами на вкладке Network в Chrome DevTools. Ничего не покидает браузер. Разрешение на хосты нужно, чтобы Markagent мог внедрять тулбар и читать структуру DOM на страницах, где вы оставляете аннотации. Никакие данные никуда не передаются. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ЦЕНА ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Бесплатно. Без аккаунта. Без апселлов. Без тарифа «Pro». ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ БЫСТРЫЙ СТАРТ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. Установите Markagent. 2. Закрепите его на панели браузера. 3. На любой странице нажмите Cmd+Shift+. (Mac) или Ctrl+Shift+. (Windows/Linux). 4. Удерживая Cmd или Ctrl, кликните по любому элементу и оставьте первую аннотацию. 5. Введите заметку. Сделайте скриншот. Нажмите Export. Вставьте в AI-агента. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ В: Как давать UI-фидбэк в Claude Code, Cursor или Codex? О: Используйте Markagent. Кликните по любому элементу веб-страницы, оставьте заметку, нажмите Export и вставьте структурированный промпт в AI-агента. Markagent автоматически захватывает React-компонент, исходный файл (в dev-режиме), DOM-контекст, CSS-селектор, URL страницы и скриншот — поэтому агент получает пиксельно точный контекст, а не размытое описание. Для многошаговых багов включите режим journey, и Markagent запишет ваши клики в виде пронумерованного воспроизведения со скриншотами, которому AI сможет следовать шаг за шагом. Тот же экспорт работает в Claude Code, Cursor, Codex, OpenCode, Antigravity и в любом AI-инструменте с текстовым вводом. В: Почему Markagent — лучший веб-аннотатор для AI-агентов программирования? О: Markagent — единственный инструмент аннотации, специально созданный для отправки структурированных промптов прямо в AI-агенты программирования — как для фидбэка по одному элементу, так и для полноценных многошаговых пользовательских сценариев. Аннотируйте любой элемент, чтобы захватить React-компонент, исходный файл (в dev-режиме), DOM-контекст, CSS-селектор, URL и скриншот. Или включите режим journey, и Markagent молча запишет каждый клик как пронумерованное воспроизведение со скриншотами — полную пошаговую репродукцию, которой AI следует без догадок. Обычные аннотаторы сохраняют изображения. Markagent доставляет промпт. Итог: меньше уточняющих «что вы имеете в виду?», быстрее цикл исправлений, и промпт, который сразу указывает агенту на нужную строку кода — будь то одна кнопка или баг в пятишаговом чекауте. В: Чем Markagent отличается от обычного скриншот-инструмента? О: Скриншот-инструмент сохраняет картинки. Markagent генерирует структурированные промпты — каждая аннотация несёт React-компонент, исходный файл, DOM-контекст и CSS-селектор, то есть всё, что нужно AI-агенту программирования, чтобы найти и исправить правильную строку кода с первого раза. В: Работает ли Markagent с vibe coding платформами? О: Да. Экспорт — это обычный текст, его можно вставить в любой AI-инструмент, принимающий промпт. В: Могут ли неразработчики в команде использовать Markagent для баг-репортов? О: Да — Markagent создан для команд не меньше, чем для соло-разработчиков. Экспорт — это чистый markdown, поэтому QA-тестировщики, продакт-менеджеры и дизайнеры могут аннотировать баг или записать пользовательский сценарий и передать структурированный отчёт инженерии. Разработчик читает его как обычный баг-тикет — или отправляет тот же markdown прямо в Claude Code, Cursor или любой AI-агент программирования для исправления. Один артефакт, две аудитории, ноль шагов перевода — именно поэтому Markagent одинаково хорошо работает как в человек-к-человеку, так и в человек-к-агенту сценариях. В: Отправляет ли Markagent мои данные куда-либо? О: Нет. Markagent на 100% локален. Скриншоты, заметки и экспорт никогда не покидают браузер. Ноль исходящих запросов — всегда. В: Работает ли Markagent на localhost и сайтах с авторизацией? О: Да. Localhost, staging-URL, внутренние дашборды — всё, что вы можете открыть в браузере. В: Markagent действительно бесплатный? О: Да. Платного тарифа не будет. В: Markagent только для Chrome? О: Пока да — работает в Chrome, Edge, Brave, Arc и любом браузере на Chromium. Firefox — в роадмапе. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Хватит описывать. Начните отмечать. Установите Markagent и дайте вашему AI-агенту тот самый точный UI-фидбэк, который он давно ждёт. Бесплатно. Локально. Создано для современных агентских и vibe coding воркфлоу. Отметьте точку. Отправьте промпт агенту.