Память решений для Codex
Сохраняй короткие решения в AGENTS.md, большие объяснения в docs/decisions.md, а из правил дай ссылку на этот файл и просьбу прочитать его перед соответствующей работой.
Шаблон раздела:
## Решения проекта
- База: [название]. Причина: [почему выбрали].
- Ограничение: [что нельзя менять без пересмотра решения].
- Проверка: [как подтвердить выполнение].
Запрос: «Запиши в правила проекта решение про базу, причину выбора и что нужно проверить перед его изменением». Проверь записанный текст.
Проверка памяти: в новом чате попроси прочитать AGENTS.md, назвать решение про базу и путь источника. Сверь с файлом. Если инструкция не прочиталась, проверь имя файла, рабочую папку и наличие AGENTS.override.md.
Не обещаем автоматическое перечитывание файла после каждого сжатия чата. Здесь надёжный рабочий шаг: явно прочитать сохранённые решения перед продолжением. В файл не кладём секреты и весь старый чат.
Сохраняй короткие решения в AGENTS.md, большие объяснения в docs/decisions.md, а из правил дай ссылку на этот файл и просьбу прочитать его перед соответствующей работой.
Шаблон раздела:
## Решения проекта
- База: [название]. Причина: [почему выбрали].
- Ограничение: [что нельзя менять без пересмотра решения].
- Проверка: [как подтвердить выполнение].
Запрос: «Запиши в правила проекта решение про базу, причину выбора и что нужно проверить перед его изменением». Проверь записанный текст.
Проверка памяти: в новом чате попроси прочитать AGENTS.md, назвать решение про базу и путь источника. Сверь с файлом. Если инструкция не прочиталась, проверь имя файла, рабочую папку и наличие AGENTS.override.md.
Не обещаем автоматическое перечитывание файла после каждого сжатия чата. Здесь надёжный рабочий шаг: явно прочитать сохранённые решения перед продолжением. В файл не кладём секреты и весь старый чат.
ScrapeGraphAI: открытая библиотека, в которую передают страницу и задачу извлечения. Начни с README и примера SmartScraperGraph. Платный размещённый сервис и открытая библиотека имеют разные настройки и расходы.
Готовое задание:
Из этой страницы каталога извлеки компании. Верни массив объектов с полями company, city, website, contact, source_url. Используй только опубликованные данные страницы. Ненайденные значения: null. Не дополняй по догадке. Каждая компания: отдельный объект. source_url: адрес страницы, откуда получена строка.
Замени адрес каталога на свой. В README выбери поддерживаемую модель и её текущую конфигурацию. Можно использовать облачный API или локальную модель через Ollama; локальный вариант требует ресурсов твоего компьютера.
После получения JSON сохрани CSV. Проверь несколько строк по исходной странице, отдельно пропущенные поля и соответствие контакта нужной компании. Повторный запуск задаётся отдельно с тем же набором полей и адресов.
Готовое задание:
Из этой страницы каталога извлеки компании. Верни массив объектов с полями company, city, website, contact, source_url. Используй только опубликованные данные страницы. Ненайденные значения: null. Не дополняй по догадке. Каждая компания: отдельный объект. source_url: адрес страницы, откуда получена строка.
Замени адрес каталога на свой. В README выбери поддерживаемую модель и её текущую конфигурацию. Можно использовать облачный API или локальную модель через Ollama; локальный вариант требует ресурсов твоего компьютера.
После получения JSON сохрани CSV. Проверь несколько строк по исходной странице, отдельно пропущенные поля и соответствие контакта нужной компании. Повторный запуск задаётся отдельно с тем же набором полей и адресов.
# /brag: проект становится рекламой
Мы сделали настоящую 20-секундную рекламу нашей студии: тема → сценарий → озвучка → готовый выпуск. Сохранили MP4 и редактируемую композицию.
Скилл: https://github.com/latent-spaces/brag
Наш запрос для установленного HyperFrames /brag:
> Сделай вертикальную рекламу нашей студии на 20 секунд. Покажи путь пользователя от темы до сценария, озвучки и готового видео. Используй названия разделов, нашу палитру и настоящие кадры выпусков. Собери предметную анимацию, сохрани MP4 и исходники.
В нашем запуске:
Перед выпуском проверь весь результат: читаемость, действие на словах, звук и окончание. Менять текст и порядок сцен можно в composition/index.html.
Мы сделали настоящую 20-секундную рекламу нашей студии: тема → сценарий → озвучка → готовый выпуск. Сохранили MP4 и редактируемую композицию.
Скилл: https://github.com/latent-spaces/brag
Наш запрос для установленного HyperFrames /brag:
> Сделай вертикальную рекламу нашей студии на 20 секунд. Покажи путь пользователя от темы до сценария, озвучки и готового видео. Используй названия разделов, нашу палитру и настоящие кадры выпусков. Собери предметную анимацию, сохрани MP4 и исходники.
В нашем запуске:
/brag --tone polished --format vertical --duration 20 --no-sfx.Перед выпуском проверь весь результат: читаемость, действие на словах, звук и окончание. Менять текст и порядок сцен можно в composition/index.html.
1. Rybbit: аналитика сайта на своём сервере. Начни с README и инструкции self-hosting. Подключи тестовый сайт, проверь событие открытия формы и отправки заявки. Session replay помогает увидеть затруднение, но не заменяет разговор с пользователем.
2. BoardUI: исходники бесплатных компонентов для интерфейсов с агентами. Открой README, выбери чат или список задач и перенеси соответствующий компонент с зависимостями в свой React-проект. Подключение модели и её ключа настраивается отдельно. Не отправляй секретный ключ в браузер.
3. witr: показывает, почему запущен процесс и кто занял порт. Установку выбирай в README под свою систему. После установки:
witr --port 4339
Подставь порт своего локального сервера. Посмотри цепочку родительских процессов и команду запуска. Это диагностика: утилита не исправляет приложение автоматически.
Запрос агенту для проверки:
Изучи README выбранного проекта. Предложи самый короткий локальный пример под мой стек. Покажи зависимости, точные команды и один критерий успешной проверки. Не меняй основной проект до подготовки плана.
2. BoardUI: исходники бесплатных компонентов для интерфейсов с агентами. Открой README, выбери чат или список задач и перенеси соответствующий компонент с зависимостями в свой React-проект. Подключение модели и её ключа настраивается отдельно. Не отправляй секретный ключ в браузер.
3. witr: показывает, почему запущен процесс и кто занял порт. Установку выбирай в README под свою систему. После установки:
witr --port 4339
Подставь порт своего локального сервера. Посмотри цепочку родительских процессов и команду запуска. Это диагностика: утилита не исправляет приложение автоматически.
Запрос агенту для проверки:
Изучи README выбранного проекта. Предложи самый короткий локальный пример под мой стек. Покажи зависимости, точные команды и один критерий успешной проверки. Не меняй основной проект до подготовки плана.
117 тысяч звёзд у Browser Use, 47 тысяч у Scientific Agent Skills, 39 тысяч у OpenViking. Семь проектов, и каждый закрывает одну часть агента. Звёзды на 06.10.2026.
Браузер, память и базу знаний для агента можно неделями собирать с нуля. Ниже по каждому проекту: что он даёт, ссылка и команда установки.
1. BROWSER USE: БРАУЗЕР
Агент сам открывает страницы, кликает и заполняет формы.
Как поставить: вставь в Claude Code строку из README (раздел Path 2: CLI):
Install or upgrade browser-use to the latest stable version with uv using Python 3.12, run browser-use skill install to register the skill, and connect it to my browser.
Локально бесплатно и работает на твоей подписке. Облако Browser Use платное.
github.com/browser-use/browser-use
2. AGENTMEMORY: ПАМЯТЬ МЕЖДУ СЕССИЯМИ
Сам записывает, что делал агент, и подаёт это в следующую сессию. Работает с Claude Code, Codex CLI, Cursor, Gemini CLI.
npx -y @agentmemory/agentmemory@latest
Что агент запомнил, видно на localhost:3113.
github.com/rohitg00/agentmemory
3. SCIENTIFIC AGENT SKILLS: НАУЧНЫЙ АССИСТЕНТ
177 навыков и 100+ научных баз: биология, химия, медицина, лекарства.
npx skills add K-Dense-AI/scientific-agent-skills
github.com/K-Dense-AI/scientific-agent-skills
4. DIAGRAM DESIGN: СХЕМЫ
42 вида схем в HTML и SVG для Claude Code, Codex и GitHub Copilot. Под твой бренд подстраивается по твоему сайту.
В Claude Code:
/plugin marketplace add cathrynlavery/diagram-design
/plugin install diagram-design@diagram-design
Галерея: cathrynlavery.github.io/diagram-design
5. ANTHROPIC CYBERSECURITY SKILLS: БЕЗОПАСНОСТЬ
817 скиллов по безопасности, привязаны к MITRE ATT&CK, NIST CSF 2.0 и ещё четырём стандартам. Проект сообщества: в README прямо сказано, что к Anthropic он отношения не имеет.
npx skills add mukul975/Anthropic-Cybersecurity-Skills
github.com/mukul975/Anthropic-Cybersecurity-Skills
6. AWESOME HARNESS ENGINEERING: КАК УСТРОИТЬ АГЕНТА
Это не программа, а подборка статей и шаблонов: цикл агента, память, права, проверка, раздача задач. Ставить нечего, читаешь в браузере. Начни с раздела Task Runners & Orchestration.
github.com/ai-boost/awesome-harness-engineering
7. OPENVIKING: БАЗА ЗНАНИЙ АГЕНТА
Хранит знания, память и навыки агента как папки viking://. Агент ходит по ним командами ls, tree, grep.
uv tool install openviking --upgrade && openviking-server init
Попробовать без установки: openviking.ai/studio
Лицензия AGPL-3.0. Если встраиваешь его в закрытый коммерческий продукт, сначала прочитай условия.
github.com/volcengine/OpenViking
КАК ВЫБРАТЬ ОДИН
1. Назови, чего не хватает агенту. Не умеет в браузер: Browser Use. Каждый раз забывает проект: agentmemory. Тонет в документах: OpenViking.
2. Ставь один проект, а не семь. Иначе не поймёшь, что помогло, а что съело лимит.
3. Возьми задачу, которую каждую неделю делаешь руками, и отдай её агенту до установки и после.
4. Сравни три вещи: довёл ли он задачу до конца, сколько раз пришлось поправлять, сколько лимита ушло.
5. Не стало лучше на этой задаче: удаляй и бери следующий.
Браузер, память и базу знаний для агента можно неделями собирать с нуля. Ниже по каждому проекту: что он даёт, ссылка и команда установки.
1. BROWSER USE: БРАУЗЕР
Агент сам открывает страницы, кликает и заполняет формы.
Как поставить: вставь в Claude Code строку из README (раздел Path 2: CLI):
Install or upgrade browser-use to the latest stable version with uv using Python 3.12, run browser-use skill install to register the skill, and connect it to my browser.
Локально бесплатно и работает на твоей подписке. Облако Browser Use платное.
github.com/browser-use/browser-use
2. AGENTMEMORY: ПАМЯТЬ МЕЖДУ СЕССИЯМИ
Сам записывает, что делал агент, и подаёт это в следующую сессию. Работает с Claude Code, Codex CLI, Cursor, Gemini CLI.
npx -y @agentmemory/agentmemory@latest
Что агент запомнил, видно на localhost:3113.
github.com/rohitg00/agentmemory
3. SCIENTIFIC AGENT SKILLS: НАУЧНЫЙ АССИСТЕНТ
177 навыков и 100+ научных баз: биология, химия, медицина, лекарства.
npx skills add K-Dense-AI/scientific-agent-skills
github.com/K-Dense-AI/scientific-agent-skills
4. DIAGRAM DESIGN: СХЕМЫ
42 вида схем в HTML и SVG для Claude Code, Codex и GitHub Copilot. Под твой бренд подстраивается по твоему сайту.
В Claude Code:
/plugin marketplace add cathrynlavery/diagram-design
/plugin install diagram-design@diagram-design
Галерея: cathrynlavery.github.io/diagram-design
5. ANTHROPIC CYBERSECURITY SKILLS: БЕЗОПАСНОСТЬ
817 скиллов по безопасности, привязаны к MITRE ATT&CK, NIST CSF 2.0 и ещё четырём стандартам. Проект сообщества: в README прямо сказано, что к Anthropic он отношения не имеет.
npx skills add mukul975/Anthropic-Cybersecurity-Skills
github.com/mukul975/Anthropic-Cybersecurity-Skills
6. AWESOME HARNESS ENGINEERING: КАК УСТРОИТЬ АГЕНТА
Это не программа, а подборка статей и шаблонов: цикл агента, память, права, проверка, раздача задач. Ставить нечего, читаешь в браузере. Начни с раздела Task Runners & Orchestration.
github.com/ai-boost/awesome-harness-engineering
7. OPENVIKING: БАЗА ЗНАНИЙ АГЕНТА
Хранит знания, память и навыки агента как папки viking://. Агент ходит по ним командами ls, tree, grep.
uv tool install openviking --upgrade && openviking-server init
Попробовать без установки: openviking.ai/studio
Лицензия AGPL-3.0. Если встраиваешь его в закрытый коммерческий продукт, сначала прочитай условия.
github.com/volcengine/OpenViking
КАК ВЫБРАТЬ ОДИН
1. Назови, чего не хватает агенту. Не умеет в браузер: Browser Use. Каждый раз забывает проект: agentmemory. Тонет в документах: OpenViking.
2. Ставь один проект, а не семь. Иначе не поймёшь, что помогло, а что съело лимит.
3. Возьми задачу, которую каждую неделю делаешь руками, и отдай её агенту до установки и после.
4. Сравни три вещи: довёл ли он задачу до конца, сколько раз пришлось поправлять, сколько лимита ушло.
5. Не стало лучше на этой задаче: удаляй и бери следующий.
4 официальных плагина Anthropic для Claude Code: команды установки
Все четыре выпустила сама Anthropic, ставятся бесплатно. Три лежат в официальном каталоге claude-plugins-official («Official, Anthropic-managed directory of high quality Claude Code Plugins»), он в Claude Code подключён по умолчанию. Четвёртый в репозитории anthropics/skills: 179 тыс. звёзд на GitHub на 30.09.2026.
Команды вставляй прямо в Claude Code, по одной.
1. CLAUDE-CODE-SETUP: С ЧЕГО НАЧАТЬ
/plugin install claude-code-setup@claude-plugins-official
Разбирает проект и советует по 1–2 пункта в каждой группе: MCP-серверы, навыки, хуки, субагенты, слэш-команды. Файлы не трогает, только читает (README: «This skill is read-only - it analyzes but doesn't modify files»).
Как запустить: напиши «recommend automations for this project» или «help me set up Claude Code».
https://github.com/anthropics/claude-plugins-official/tree/main/plugins/claude-code-setup
2. НАВЫКИ ANTHROPIC: WORD, EXCEL, ПРЕЗЕНТАЦИИ, PDF
/plugin marketplace add anthropics/skills
/plugin install document-skills@anthropic-agent-skills
Навыки docx, xlsx, pptx, pdf: Claude собирает и правит документы файлами, а не текстом в чате.
skill-creator, который помогает написать свой навык, лежит в том же репозитории, в наборе example-skills:
/plugin install example-skills@anthropic-agent-skills
https://github.com/anthropics/skills
3. FRONTEND-DESIGN: САЙТ НЕ КАК У ВСЕХ
/plugin install frontend-design@claude-plugins-official
Claude подхватывает его сам, когда просишь интерфейс. Задача по README: «distinctive, production-grade frontend interfaces that avoid generic AI aesthetics», то есть свой стиль вместо типового лендинга от нейросети.
Проверь так: «Build a landing page for …» и твоя тема.
https://github.com/anthropics/claude-plugins-official/tree/main/plugins/frontend-design
4. SECURITY-GUIDANCE: ПРОВЕРКА КАЖДОЙ ПРАВКИ
/plugin install security-guidance@claude-plugins-official
Три уровня:
· на каждой правке (Edit/Write) предупреждает о ~25 опасных шаблонах: ключ прямо в коде, raw innerHTML, pickle.load;
· после каждого ответа Claude отправляет изменения на проверку моделью (по умолчанию Opus 4.7) и возвращает серьёзные находки;
· на git commit отдельный проверяющий читает связанные файлы и ищет дыры, которые видно только в нескольких файлах сразу.
Ловит инъекции, XSS, SSRF, ключи в коде, обход авторизации.
Не путай с соседним плагином claude-security: нужен именно security-guidance.
https://github.com/anthropics/claude-plugins-official/tree/main/plugins/security-guidance
ЧТО ЗНАТЬ ДО УСТАНОВКИ
Security-guidance требует Claude Code от v2.1.144 и Python 3.8+.
Проверки второго и третьего уровня идут через твою подписку и тратят лимит. Если лимит кончается рано: ENABLE_STOP_REVIEW=0 выключает проверку после каждого ответа, ENABLE_COMMIT_REVIEW=0 проверку на коммите, ENABLE_CODE_SECURITY_REVIEW=0 все проверки моделью сразу (предупреждения по шаблонам останутся).
Это помощник, а не аудит: Anthropic сама пишет в README, что он может пропустить уязвимость или поднять ложную тревогу.
Навыки docx, xlsx, pptx, pdf открыты для чтения, но не open source («source-available, not open source»).
Перед установкой любого плагина: «Make sure you trust a plugin before installing» (README каталога).
ПОРЯДОК
Сначала claude-code-setup: спроси его про свой проект и ставь то, что он назовёт. Строишь сайт: добавь frontend-design. Код уходит в прод: security-guidance обязателен.
Все четыре выпустила сама Anthropic, ставятся бесплатно. Три лежат в официальном каталоге claude-plugins-official («Official, Anthropic-managed directory of high quality Claude Code Plugins»), он в Claude Code подключён по умолчанию. Четвёртый в репозитории anthropics/skills: 179 тыс. звёзд на GitHub на 30.09.2026.
Команды вставляй прямо в Claude Code, по одной.
1. CLAUDE-CODE-SETUP: С ЧЕГО НАЧАТЬ
/plugin install claude-code-setup@claude-plugins-official
Разбирает проект и советует по 1–2 пункта в каждой группе: MCP-серверы, навыки, хуки, субагенты, слэш-команды. Файлы не трогает, только читает (README: «This skill is read-only - it analyzes but doesn't modify files»).
Как запустить: напиши «recommend automations for this project» или «help me set up Claude Code».
https://github.com/anthropics/claude-plugins-official/tree/main/plugins/claude-code-setup
2. НАВЫКИ ANTHROPIC: WORD, EXCEL, ПРЕЗЕНТАЦИИ, PDF
/plugin marketplace add anthropics/skills
/plugin install document-skills@anthropic-agent-skills
Навыки docx, xlsx, pptx, pdf: Claude собирает и правит документы файлами, а не текстом в чате.
skill-creator, который помогает написать свой навык, лежит в том же репозитории, в наборе example-skills:
/plugin install example-skills@anthropic-agent-skills
https://github.com/anthropics/skills
3. FRONTEND-DESIGN: САЙТ НЕ КАК У ВСЕХ
/plugin install frontend-design@claude-plugins-official
Claude подхватывает его сам, когда просишь интерфейс. Задача по README: «distinctive, production-grade frontend interfaces that avoid generic AI aesthetics», то есть свой стиль вместо типового лендинга от нейросети.
Проверь так: «Build a landing page for …» и твоя тема.
https://github.com/anthropics/claude-plugins-official/tree/main/plugins/frontend-design
4. SECURITY-GUIDANCE: ПРОВЕРКА КАЖДОЙ ПРАВКИ
/plugin install security-guidance@claude-plugins-official
Три уровня:
· на каждой правке (Edit/Write) предупреждает о ~25 опасных шаблонах: ключ прямо в коде, raw innerHTML, pickle.load;
· после каждого ответа Claude отправляет изменения на проверку моделью (по умолчанию Opus 4.7) и возвращает серьёзные находки;
· на git commit отдельный проверяющий читает связанные файлы и ищет дыры, которые видно только в нескольких файлах сразу.
Ловит инъекции, XSS, SSRF, ключи в коде, обход авторизации.
Не путай с соседним плагином claude-security: нужен именно security-guidance.
https://github.com/anthropics/claude-plugins-official/tree/main/plugins/security-guidance
ЧТО ЗНАТЬ ДО УСТАНОВКИ
Security-guidance требует Claude Code от v2.1.144 и Python 3.8+.
Проверки второго и третьего уровня идут через твою подписку и тратят лимит. Если лимит кончается рано: ENABLE_STOP_REVIEW=0 выключает проверку после каждого ответа, ENABLE_COMMIT_REVIEW=0 проверку на коммите, ENABLE_CODE_SECURITY_REVIEW=0 все проверки моделью сразу (предупреждения по шаблонам останутся).
Это помощник, а не аудит: Anthropic сама пишет в README, что он может пропустить уязвимость или поднять ложную тревогу.
Навыки docx, xlsx, pptx, pdf открыты для чтения, но не open source («source-available, not open source»).
Перед установкой любого плагина: «Make sure you trust a plugin before installing» (README каталога).
ПОРЯДОК
Сначала claude-code-setup: спроси его про свой проект и ставь то, что он назовёт. Строишь сайт: добавь frontend-design. Код уходит в прод: security-guidance обязателен.
«Подвинь кнопку повыше». А какую именно?
Если делаешь сайт с Claude Code или Codex, просьбу «поправь вот это» приходится переводить в текст: какая кнопка, где она находится, что рядом. Особенно когда похожих элементов несколько.
В Agentation можно кликнуть по нужному элементу прямо на своей странице и написать, что изменить. Инструмент добавит к заметке путь к элементу в коде. Копируешь её в чат с ИИ, и у задачи уже есть конкретный адрес.
Например, на нашей учебной странице с лампой кнопка «Выбрать лампу» слишком далеко от описания. Нужно поднять только её, сохранив остальную страницу.
Вместо «там справа» отмечаем кнопку и пишем:
«Сократи отступ под текстом: margin-top кнопки с 96px до 24px. Лампу, описание и остальные элементы не меняй».
В экспорт попадает и эта просьба, и путь к кнопке: .lamp-shop > .preview > section > .buy-button. Агенту проще найти нужное место в проекте.
КАК ПОВТОРИТЬ У СЕБЯ
1. Подключи Agentation к своему React-проекту по инструкции в репозитории. Открой локальную страницу в браузере на компьютере.
2. Включи панель Agentation внизу справа, выбери элемент и оставь одну конкретную правку: что изменить и что сохранить.
3. Скопируй заметку и отправь Claude Code или Codex, который работает с кодом этого проекта.
4. После правки проверь и выбранный элемент, и соседние. Точная метка помогает поставить задачу, но результат всё равно нужно проверить.
В нашем примере отступ уменьшился с 96 до 24px, кнопка поднялась на 72px. Лампа и описание остались на месте. Эту правку в учебном проекте я внёс вручную по заметке; здесь показана работа разметки, а не результат запуска ИИ.
Установка и документация:
https://github.com/benjitaylor/agentation
Если делаешь сайт с Claude Code или Codex, просьбу «поправь вот это» приходится переводить в текст: какая кнопка, где она находится, что рядом. Особенно когда похожих элементов несколько.
В Agentation можно кликнуть по нужному элементу прямо на своей странице и написать, что изменить. Инструмент добавит к заметке путь к элементу в коде. Копируешь её в чат с ИИ, и у задачи уже есть конкретный адрес.
Например, на нашей учебной странице с лампой кнопка «Выбрать лампу» слишком далеко от описания. Нужно поднять только её, сохранив остальную страницу.
Вместо «там справа» отмечаем кнопку и пишем:
«Сократи отступ под текстом: margin-top кнопки с 96px до 24px. Лампу, описание и остальные элементы не меняй».
В экспорт попадает и эта просьба, и путь к кнопке: .lamp-shop > .preview > section > .buy-button. Агенту проще найти нужное место в проекте.
КАК ПОВТОРИТЬ У СЕБЯ
1. Подключи Agentation к своему React-проекту по инструкции в репозитории. Открой локальную страницу в браузере на компьютере.
2. Включи панель Agentation внизу справа, выбери элемент и оставь одну конкретную правку: что изменить и что сохранить.
3. Скопируй заметку и отправь Claude Code или Codex, который работает с кодом этого проекта.
4. После правки проверь и выбранный элемент, и соседние. Точная метка помогает поставить задачу, но результат всё равно нужно проверить.
В нашем примере отступ уменьшился с 96 до 24px, кнопка поднялась на 72px. Лампа и описание остались на месте. Эту правку в учебном проекте я внёс вручную по заметке; здесь показана работа разметки, а не результат запуска ИИ.
Установка и документация:
https://github.com/benjitaylor/agentation
Этот ролик собран кодом. И правки к нему можно писать обычными словами.
«Сделай переход плавнее». «Покажи Claude раньше». «Поменяй цвет, движение оставь». Именно так можно работать с моушном через Claude Code или Codex.
Агент пишет проект с текстом, фигурами и камерой. HyperFrames проигрывает эту сцену по времени и собирает MP4. После правки у тебя остаётся редактируемый исходник: можно менять конкретный элемент и снова рендерить ролик.
Ниже — два наших проекта: Claude и Codex, промпт для своего ролика и примеры правок. На приложенных кадрах видно результат: объёмная сцена, буква и звезда рядом с кодом, смена цвета акцента.
Для чего это удобно
Показать, как работает продукт. Оживить схему. Сделать титры, графику, анимацию логотипа или короткое объяснение. Например: «пишешь запрос → появляется код → код превращается в готовый ролик». Каждый шаг можно буквально показать в кадре.
Начни с маленького примера
Открой отдельную папку проекта в Claude Code или Codex. Установи навыки HyperFrames по инструкции из README.txt и дай агенту такой запрос:
«С HyperFrames собери ролик 16:9 на 10 секунд. Графитовый фон, светлый крупный текст, сиреневый акцент. Сначала круг движется по дуге. Затем плавно превращается в звезду. В конце появляется “Анимация из кода”. Камера мягко приближается к фигуре. Сохрани редактируемый проект, покажи предпросмотр, проверь его и отрендери MP4».
Это короткая проба, по которой легко оценить движение. Когда она нравится, переходи к своему сценарию.
Как собрать полноценный ролик
1. Напиши окончательный текст. Если есть закадр, приложи цельную запись: действия должны попадать в слова, а длина — соответствовать озвучке.
2. Дай референсы и объясни, что берёшь из каждого. Например: из первого — движение камеры, из второго — типографику, из третьего — переходы. Удобнее приложить сами видео или кадры с таймкодами: одна ссылка ещё не гарантирует, что агент увидит нужный момент.
3. Опиши предмет, действие и результат каждой сцены. «Крупная надпись “код”» — мало. «Строки кода появляются слева, справа из них собирается звезда» — уже сцена.
4. Посмотри предпросмотр. Проверь, читаются ли буквы, соответствует ли графика словам, нет ли пустого начала и обрезанного окончания. Потом попроси собрать MP4 и пересмотри готовый файл целиком.
Как давать правки
Привязывай их к месту и называй, что должно сохраниться:
• «На слове “Claude” логотип появляется поздно. Покажи его на 0,25 секунды раньше. Озвучку и остальные сцены сохрани».
• «На переходе из кода в рендер камера дёргается. Сделай плавное ускорение и торможение, общую длину сохрани».
• «Замени сиреневый акцент на терракотовый. Формы, траектории и скорость оставь прежними».
Для ролика со своим текстом возьми prompt.txt: там есть шаблон сцен, референсов и проверки результата. В examples.txt — ещё несколько задач, с которых удобно начать.
HyperFrames: https://github.com/heygen-com/hyperframes
«Сделай переход плавнее». «Покажи Claude раньше». «Поменяй цвет, движение оставь». Именно так можно работать с моушном через Claude Code или Codex.
Агент пишет проект с текстом, фигурами и камерой. HyperFrames проигрывает эту сцену по времени и собирает MP4. После правки у тебя остаётся редактируемый исходник: можно менять конкретный элемент и снова рендерить ролик.
Ниже — два наших проекта: Claude и Codex, промпт для своего ролика и примеры правок. На приложенных кадрах видно результат: объёмная сцена, буква и звезда рядом с кодом, смена цвета акцента.
Для чего это удобно
Показать, как работает продукт. Оживить схему. Сделать титры, графику, анимацию логотипа или короткое объяснение. Например: «пишешь запрос → появляется код → код превращается в готовый ролик». Каждый шаг можно буквально показать в кадре.
Начни с маленького примера
Открой отдельную папку проекта в Claude Code или Codex. Установи навыки HyperFrames по инструкции из README.txt и дай агенту такой запрос:
«С HyperFrames собери ролик 16:9 на 10 секунд. Графитовый фон, светлый крупный текст, сиреневый акцент. Сначала круг движется по дуге. Затем плавно превращается в звезду. В конце появляется “Анимация из кода”. Камера мягко приближается к фигуре. Сохрани редактируемый проект, покажи предпросмотр, проверь его и отрендери MP4».
Это короткая проба, по которой легко оценить движение. Когда она нравится, переходи к своему сценарию.
Как собрать полноценный ролик
1. Напиши окончательный текст. Если есть закадр, приложи цельную запись: действия должны попадать в слова, а длина — соответствовать озвучке.
2. Дай референсы и объясни, что берёшь из каждого. Например: из первого — движение камеры, из второго — типографику, из третьего — переходы. Удобнее приложить сами видео или кадры с таймкодами: одна ссылка ещё не гарантирует, что агент увидит нужный момент.
3. Опиши предмет, действие и результат каждой сцены. «Крупная надпись “код”» — мало. «Строки кода появляются слева, справа из них собирается звезда» — уже сцена.
4. Посмотри предпросмотр. Проверь, читаются ли буквы, соответствует ли графика словам, нет ли пустого начала и обрезанного окончания. Потом попроси собрать MP4 и пересмотри готовый файл целиком.
Как давать правки
Привязывай их к месту и называй, что должно сохраниться:
• «На слове “Claude” логотип появляется поздно. Покажи его на 0,25 секунды раньше. Озвучку и остальные сцены сохрани».
• «На переходе из кода в рендер камера дёргается. Сделай плавное ускорение и торможение, общую длину сохрани».
• «Замени сиреневый акцент на терракотовый. Формы, траектории и скорость оставь прежними».
Для ролика со своим текстом возьми prompt.txt: там есть шаблон сцен, референсов и проверки результата. В examples.txt — ещё несколько задач, с которых удобно начать.
HyperFrames: https://github.com/heygen-com/hyperframes
Дмитрий | Проверено.dev
Этот ролик собран кодом. И правки к нему можно писать обычными словами. «Сделай переход плавнее». «Покажи Claude раньше». «Поменяй цвет, движение оставь». Именно так можно работать с моушном через Claude Code или Codex. Агент пишет проект с текстом, фигурами…
examples.txt
2.9 KB
Файлы к посту выше про Анимацию
Нейросеть сама нашла отель в Казани и остановилась перед бронью.
Browser Use даёт Claude Code или Codex настоящий браузер: агент сам открывает сайты, ставит фильтры, заполняет формы и сравнивает варианты. Тебе остаётся сказать, что нужно и где остановиться.
Пример. Запрос: «Найди отель в Казани с 10 по 13 октября. Центр города и бесплатная отмена. Не бронируй, остановись перед кнопкой и пришли ссылку на вариант». Агент открыл Островок: 2448 вариантов. Сам включил фильтры «Есть бесплатная отмена» и «Центр города», осталось 414. Открыл Отель Пилигрим (оценка 8,6, 435 м от центра), нашёл строку «Бесплатная отмена до 8 октября» и остановился перед «Забронировать». Управлял браузером Codex через Browser Harness 0.1.13, без входа в аккаунт и без брони.
Как повторить:
1. Вставь в Claude Code или Codex промпт из README Browser Use, раздел «Path 2: CLI»:
Install or upgrade browser-use to the latest stable version with uv using Python 3.12, run
2. Назови результат, а не клики, и перечисли условия: даты, район, отмена, бюджет.
3. Напиши, где остановиться: не бронируй, не отправляй, не оплачивай. В официальном демо Browser Use агент сам доводит запись до конца.
4. Попроси ссылку и проверь: условия включены фильтрами на сайте, даты совпадают, на странице видно каждое условие, кнопка брони не нажата.
Ещё задачи тем же приёмом:
Сравни перелёт Москва – Стамбул – Москва на [даты], только прямые рейсы, проверь багаж. Остановись перед оплатой и пришли итог.
Найди на [сайте] [товары], выгрузи первые 50 в CSV: название, бренд, ссылка. Проверь файл.
Пройди [адрес] как покупатель: регистрация, корзина, оформление. Пришли скриншоты и список ошибок по важности.
Граница: цены и наличие на сайтах меняются, это пример хода, а не совет по отелю.
Дай агенту первую задачу и допиши в конце «остановись перед оплатой».
Browser Use: https://github.com/browser-use/browser-use
Browser Harness: https://github.com/browser-use/browser-harness
Browser Use даёт Claude Code или Codex настоящий браузер: агент сам открывает сайты, ставит фильтры, заполняет формы и сравнивает варианты. Тебе остаётся сказать, что нужно и где остановиться.
Пример. Запрос: «Найди отель в Казани с 10 по 13 октября. Центр города и бесплатная отмена. Не бронируй, остановись перед кнопкой и пришли ссылку на вариант». Агент открыл Островок: 2448 вариантов. Сам включил фильтры «Есть бесплатная отмена» и «Центр города», осталось 414. Открыл Отель Пилигрим (оценка 8,6, 435 м от центра), нашёл строку «Бесплатная отмена до 8 октября» и остановился перед «Забронировать». Управлял браузером Codex через Browser Harness 0.1.13, без входа в аккаунт и без брони.
Как повторить:
1. Вставь в Claude Code или Codex промпт из README Browser Use, раздел «Path 2: CLI»:
Install or upgrade browser-use to the latest stable version with uv using Python 3.12, run
browser-use skill install to register the skill, and connect it to my browser.2. Назови результат, а не клики, и перечисли условия: даты, район, отмена, бюджет.
3. Напиши, где остановиться: не бронируй, не отправляй, не оплачивай. В официальном демо Browser Use агент сам доводит запись до конца.
4. Попроси ссылку и проверь: условия включены фильтрами на сайте, даты совпадают, на странице видно каждое условие, кнопка брони не нажата.
Ещё задачи тем же приёмом:
Сравни перелёт Москва – Стамбул – Москва на [даты], только прямые рейсы, проверь багаж. Остановись перед оплатой и пришли итог.
Найди на [сайте] [товары], выгрузи первые 50 в CSV: название, бренд, ссылка. Проверь файл.
Пройди [адрес] как покупатель: регистрация, корзина, оформление. Пришли скриншоты и список ошибок по важности.
Граница: цены и наличие на сайтах меняются, это пример хода, а не совет по отелю.
Дай агенту первую задачу и допиши в конце «остановись перед оплатой».
Browser Use: https://github.com/browser-use/browser-use
Browser Harness: https://github.com/browser-use/browser-harness
Моушн-ролик под песню без After Effects: промпт и инструкция.
17 секунд под трек: звёздочка становится словом Claude, в поле печатается запрос, на «купи» карточка переворачивается в код, дальше телефон «Оплачено» и золотое кольцо с гравировкой. Это всё код: Claude Code пишет сцену на HTML, Three.js и GSAP, а HyperFrames собирает из неё MP4.
Главное здесь в привязке к песне. Агент сначала получает время каждого слова трека и только потом ставит события на слова:
«айфон» 4,0 с → слово подсвечивается в запросе
«купи» 4,8 с → нажатие, поле переворачивается в код
«плати» 7,4 с → строки кода разлетаются
«кольцо» 10,4 с → влетает кольцо
Без такой таблицы движение плывёт мимо музыки, и каждая правка превращается в угадайку.
Второе: материалы. Металл и камень без отражений выглядят пластиком. В промпте есть рецепт: тёмная студия с софтбоксами для отражений, у камня грани разной яркости.
Как повторить:
1. Подключи HyperFrames к Claude Code, команды в README.txt.
2. Положи в папку отрывок трека и попроси сначала таблицу времени слов.
3. Отдай агенту prompt.txt и замени сцены на свою историю.
4. Правь по одному месту: «на слове "купи" нажатие на 0,2 с раньше, остальное не трогай».
5. Собери MP4 и проверь первый кадр, переходы и правый край кадра.
Граница: с одного запроса такой уровень не получится, мы прошли четыре круга правок. Песню лучше не вшивать в файл, площадка может заглушить ролик. Трек добавляй в её редакторе.
Промпт, инструкция и примеры правок лежат следующим сообщением.
HyperFrames: https://github.com/heygen-com/hyperframes
17 секунд под трек: звёздочка становится словом Claude, в поле печатается запрос, на «купи» карточка переворачивается в код, дальше телефон «Оплачено» и золотое кольцо с гравировкой. Это всё код: Claude Code пишет сцену на HTML, Three.js и GSAP, а HyperFrames собирает из неё MP4.
Главное здесь в привязке к песне. Агент сначала получает время каждого слова трека и только потом ставит события на слова:
«айфон» 4,0 с → слово подсвечивается в запросе
«купи» 4,8 с → нажатие, поле переворачивается в код
«плати» 7,4 с → строки кода разлетаются
«кольцо» 10,4 с → влетает кольцо
Без такой таблицы движение плывёт мимо музыки, и каждая правка превращается в угадайку.
Второе: материалы. Металл и камень без отражений выглядят пластиком. В промпте есть рецепт: тёмная студия с софтбоксами для отражений, у камня грани разной яркости.
Как повторить:
1. Подключи HyperFrames к Claude Code, команды в README.txt.
2. Положи в папку отрывок трека и попроси сначала таблицу времени слов.
3. Отдай агенту prompt.txt и замени сцены на свою историю.
4. Правь по одному месту: «на слове "купи" нажатие на 0,2 с раньше, остальное не трогай».
5. Собери MP4 и проверь первый кадр, переходы и правый край кадра.
Граница: с одного запроса такой уровень не получится, мы прошли четыре круга правок. Песню лучше не вшивать в файл, площадка может заглушить ролик. Трек добавляй в её редакторе.
Промпт, инструкция и примеры правок лежат следующим сообщением.
HyperFrames: https://github.com/heygen-com/hyperframes
Дмитрий | Проверено.dev
Моушн-ролик под песню без After Effects: промпт и инструкция. 17 секунд под трек: звёздочка становится словом Claude, в поле печатается запрос, на «купи» карточка переворачивается в код, дальше телефон «Оплачено» и золотое кольцо с гравировкой. Это всё код:…
examples.txt
3.5 KB
Файлы с инструкцией к посту выше
Claude Code каждый раз начинает с нуля? Дай ему папку заметок.
Obsidian бесплатный и хранит заметки обычными Markdown-файлами в одной папке, она называется хранилище. Если открыть Claude Code прямо в ней, он читает заметки как файлы проекта и опирается на то, что ты уже накопил.
Как повторить:
1. Создай в Obsidian хранилище и три папки: Raw для сырых заметок, Wiki для выводов, Output для готовых материалов.
2. Открой терминал в папке хранилища и запусти Claude Code:
3. Дай запрос:
4. Открой результат в Obsidian и пройди по ссылкам: каждый вывод в Wiki должен вести к заметке в Raw.
Положи в Raw заметки своего текущего проекта и дай первый запрос.
Как Obsidian хранит данные: https://obsidian.md/help/data-storage
Claude Code, типовые задачи: https://code.claude.com/docs/en/common-workflows
Obsidian бесплатный и хранит заметки обычными Markdown-файлами в одной папке, она называется хранилище. Если открыть Claude Code прямо в ней, он читает заметки как файлы проекта и опирается на то, что ты уже накопил.
Как повторить:
1. Создай в Obsidian хранилище и три папки: Raw для сырых заметок, Wiki для выводов, Output для готовых материалов.
2. Открой терминал в папке хранилища и запусти Claude Code:
claude
3. Дай запрос:
Прочитай Raw, свяжи заметки в Wiki, у каждого вывода укажи исходник. Отдельно отметь гипотезы. Затем на основе Wiki собери план проверки на неделю в Output.
4. Открой результат в Obsidian и пройди по ссылкам: каждый вывод в Wiki должен вести к заметке в Raw.
Положи в Raw заметки своего текущего проекта и дай первый запрос.
Как Obsidian хранит данные: https://obsidian.md/help/data-storage
Claude Code, типовые задачи: https://code.claude.com/docs/en/common-workflows