Нужен ли React, чтобы это работало?
Нет — Notepix размечает любую страницу. На dev-сборке React (Vite, Next.js, CRA;
React 18 и 19) каждая метка дополнительно запоминает имя компонента и исходный
файл:строку элемента. На продакшен-сборках и страницах без React остаётся
точный CSS-селектор. Поддержка исходников Vue и Svelte — в планах.
С какими ИИ-агентами это работает?
С любым, куда можно вставить текст: Claude Code, Cursor, GitHub Copilot, Windsurf, Codex,
Aider, да хоть обычное окно чата. ТЗ — это обычный текст в буфере обмена: ни аккаунта,
ни настройки. А можно обойтись без вставки, двумя способами: подключить Claude Code
через Claude in Chrome (выберите формат передачи — и он прочитает метки
прямо со страницы) или добавить опциональный MCP-сервер Notepix — одна команда,
npx -y notepix-mcp setup, пропишет его
у всех кодинг-агентов на вашей машине, — и агент сам заберёт
метки со скриншотами и отметит их по мере исправления.
Как показать ИИ-агенту, какой элемент менять?
Просто кликните по нему. Notepix поставит на элемент нумерованную заметку и
запомнит React-компонент, исходный файл и строку, вычисленные стили и чистый
скриншот. Copy for AI соберёт всё это в одно ТЗ — вставьте его в Claude
Code, Cursor или Copilot — либо агент сам прочитает метки через MCP.
Notepix — это инструмент аннотаций UI или визуального фидбека?
И то и другое — инструмент, собранный под цикл работы с ИИ. Используйте его
для дизайн-ревью или багрепортов — стикеры, рамки и наброски на любой
веб-странице, включая localhost, — с одной разницей: каждая аннотация несёт
контекст кода (компонент, файл, селектор, стили), который нужен ИИ-агенту,
чтобы действительно выкатить фикс.
Работает ли это на превью Lovable, Replit, v0 или Bolt?
Да — кликните иконку Notepix на панели инструментов на любой http(s)-странице —
облачные превью тоже подходят — и размечайте. На localhost-серверах Notepix
загружается сам после каждой перезагрузки; автозагрузка в один клик для
превью-доменов — следующее запланированное обновление.
Где живут мои заметки?
В локальном хранилище расширения Chrome, отдельно для каждой страницы и каждого
SPA-маршрута. На localhost-серверах Notepix загружается сам, так что после
перезагрузки заметки на месте. Метки любой страницы можно экспортировать в
JSON-файл и импортировать где угодно.
Что Notepix отправляет по сети?
С вашего компьютера не уходит ничего — пока вы не введёте лицензионный ключ. После
этого остаётся ровно один вид
запросов в интернет: проверка ключа через API лицензий Gumroad — при активации и
дальше не чаще раза в неделю. В запросе только ключ и id продукта; содержимое
страниц, заметки и скриншоты не передаются никогда. Опциональное MCP-соединение,
если вы его включите, идёт на 127.0.0.1 — вашу же
машину — и больше никуда. Полный текст — на странице приватности.
Что будет, когда закончится пробный период?
Создание новых меток попросит разовую разблокировку за $6.43. Всё, что уже
создано, навсегда остаётся доступным: просмотр, копирование, экспорт, удаление.
Ваши заметки — ваши данные.
Горячая клавиша не срабатывает?
Alt+Shift может конфликтовать с переключением раскладки, особенно в
Windows. Откройте
chrome://extensions/shortcuts и переназначьте
«Toggle the Notepix panel» на любое удобное сочетание — иконка на панели
инструментов и контекстное меню работают в любом случае.
Только Chrome?
Chrome 116+ и Edge на Chromium (проверено). Публикация в Edge Add-ons и другие
браузеры — в планах.
