Skill Recorder — расширение Chrome, которое смотрит, как вы проходите браузерную задачу один раз, и затем пишет SKILL.md — спецификацию на чистом markdown, которую Claude Code (или любой агент на CLI browse) воспроизводит без селекторов, glue code и присмотра.
Мы поставляем небольшое расширение Chrome MV3 и пайплайн дистилляции на 4 КБ. Рекордер цепляется к chrome.debugger для DOM-уровня точности; дистилляция целиком работает в service worker; воспроизведение читает итоговый SKILL.md через CLI browse. Никакого сервера. Никакого glue code.
Порт на каждый фрейм в content script пересылает каждое DOM-событие в service worker. Shadow DOM и iframe того же источника прозрачно прокалываются.
Шесть небольших проходов превращают шумный лог событий в детерминированную спецификацию. Автопараметризация срабатывает только выше уверенности 0,7; ниже рекордер спрашивает, а не угадывает.
CLI browse читает SKILL.md как чистый markdown — без схемы, без рантайма, без лазеек. Каждый шаг аудируем.
Браузер полон ловушек для рекордеров — хешированные классы, ленивые модалки, Shadow DOM, потоки между вкладками, IME-композиция, drag-and-drop. Каждая строка ниже — реальная фикстура в playground; кликните по любой, чтобы записать против неё самому.
Tailwind-классы вроде btn__primary--ab3f9c меняются при каждом деплое; резолвер проходит 6 уровней (testid → id → aria → text → css → xpath), так что перехешированная кнопка всё равно попадает.
A2 →Шесть строк с буквально одинаковыми кнопками "Pick" — отличается только позиция. Мы привязываем каждый клик через fingerprintIndex, поэтому кликается нужная строка даже после переупорядочивания.
A3 →"Continue" / "继续" / "Weiter" мапятся на один data-i18n-key="action.continue". Рекордер предпочитает локале-независимые атрибуты, поэтому skill, записанный на английском, воспроизводится на китайском.
A4 →Переходы pushState и hashchange отслеживаются без перезагрузки; воспроизведение ждёт монтирования нового контента вместо опроса пустого контейнера.
B1 →Кнопка Confirm не существует в момент клика по триггеру. elementVisible опрашивает, пока цель не появится, прежде чем диспатчить следующий шаг — никаких хрупких timeout-ов.
B3 →all_frames: true инжектится в каждый фрейм; действия тегируются frameId источника и перерезолвятся по URL между re-render-ами, так что устаревший frameId никогда не блокирует воспроизведение.
C1 →Поля password / phone / карта / SSN определяются по type + autocomplete + name и заменяются на *** до попадания в хранилище. Байты никогда не покидают страницу.
C2 →Кастомный вид селектора shadow кодирует путь как сегменты { host, inner }; резолвер обходит shadowRoot.querySelector на каждой границе, так что Web Components — первокласные.
C3 →Когда поток открывает новую вкладку — предпросмотр печати, OAuth, генерация коммерческого — запись следует через chrome.tabs.onCreated. Воспроизведение пересоздаёт вкладку через chrome.tabs.create.
C4 →Цепочка dragstart → dragover → drop с общим DataTransfer сливается в один шаг drag (источник + цель + наблюдаемые типы). Никаких хрупких пиксельных координат.
D1 →Чистое "k" — это шум текстового ввода; с metaKey: true это сочетание Cmd-K. Рекордер оставляет комбо, отбрасывает шум, сохраняет состояние модификатора для воспроизведения.
D3 →change никогда не срабатывает на contenteditable. Цепляемся к input + compositionend, debounce 300 мс, эмитим один шаг change с финальным innerText — та же форма, что у текстового поля.
D4 →Каждый шаг клика обогащается comboboxContext (текст опции, корневой селектор); если прямой клик при воспроизведении не сработал, fallback набирает текст, ArrowDown до совпадения aria-activedescendant, затем Enter.
D6 →Тринадцать из шестнадцати. Плюс четыре составные фикстуры — Notion, Linear, Jira, Salesforce — которые связывают от двенадцати до пятнадцати этих техник в один связный поток. Смотрите playground →
Каждое утро в понедельник операционный инженер у небольшого поставщика открывает один и тот же портал, кликает Новый заказ, вставляет SKU из CSV, набирает количество и кликает Отправить. И снова. И снова. Двести строк в неделю, каждую неделю, последние четырнадцать месяцев. Это пятиминутный ритуал, повторяемый до конца таблицы.
Именно такому типу задач продают рекордер — и именно на таких задачах большинство рекордеров проваливается. Портал поставщика крутит хеши классов Tailwind при каждом деплое. Кнопка Отправить живёт внутри динамической строки таблицы, которая ре-рендерится после каждого сохранения. Auth-cookie истекает в полдень. Selenium-скрипты против этой страницы в среднем выживают две недели, а затем тихо начинают ломаться.
Инженер прикрепляет расширение к панели инструментов, открывает портал, кликает Начать запись и выполняет задачу ровно один раз. Восемь кликов, два введённых значения, одна отправка. Боковая панель показывает живой поток событий — включая шум: прокрутка, focus, blur, случайные mousemove над иконкой помощи. Двадцать три события за 4,6 секунды.
main.example.p4
Инженер кладёт получившийся markdown в ~/.claude/skills/create-purchase-order/SKILL.md и пишет одну фразу Claude Code. Агент находит skill по имени, разрешает предусловие (сохранённый cookie действителен до полудня), проходит пятьдесят строк CSV и докладывает. Через три минуты одиннадцать секунд работа сделана. Никто не наблюдал.
Бесплатно во время открытой беты. Без аккаунта, без загрузки, без телеметрии. Весь бандл — 4,5 МБ; записи живут на вашей машине, пока вы не решите их экспортировать.
