Актуально на 16 июля 2026 года.

Google Flow позволяет:

• загружать собственные видео;
• менять фон, освещение, стиль и атмосферу;
• добавлять или изменять объекты;
• создавать дополнительные кадры и перебивки;
• продолжать короткие клипы;
• собирать несколько фрагментов в одну сцену через Scenebuilder.

При этом Flow пока не является полноценной заменой CapCut, Premiere Pro или DaVinci Resolve. В нём удобно генерировать и визуально редактировать отдельные фрагменты, а затем собирать из них последовательность. Субтитры, точный монтаж под бит, музыку и сложную работу со звуком разумнее доделывать в обычном редакторе. Судя по заявленным возможностям Scenebuilder, он умеет расставлять клипы, менять их порядок, обрезать края, показывать предпросмотр и экспортировать сцену.

1. Что понадобится

Для комфортной работы используй компьютер и браузер на базе Chromium, например Google Chrome. Google прямо указывает, что веб-версия на компьютере предоставляет наиболее мощные инструменты редактирования. Flow официально доступен во Вьетнаме.

У Google сейчас небольшой документальный квест:

• одна страница помощи говорит, что для Flow нужна подписка Google AI Plus, Pro или Ultra;
• другая сообщает, что пользователи без подписки получают 50 бесплатных кредитов в день.

Поэтому реальный доступ и доступные модели лучше проверять непосредственно в своём аккаунте. Планы Pro сейчас получают 1 000 кредитов в месяц, Ultra получает больше.

Важный момент с водяным знаком

Видео, созданные на бесплатном тарифе, Google AI Plus и Google AI Pro, могут содержать видимый знак Veo. На Ultra видимый знак обычно отсутствует, кроме случаев, когда он требуется местным законодательством. Невидимый SynthID встраивается во все генерации.

Часть 1. Подготовка исходного видео

Перед загрузкой подготовь исходник.

Оптимальные параметры для Reels:

• вертикальный формат 9:16;
• разрешение 1080 × 1920;
• без встроенных субтитров;
• без громкой музыки;
• лицо и тело хорошо видны;
• минимум размытия от движения;
• один фрагмент длится примерно 4–10 секунд.

Flow принимает файлы:

• MP4;
• MOV;
• AVI;
• WMV.

Можно загрузить видео размером до 1 ГБ и продолжительностью до 60 секунд. Если ролик длиннее 30 секунд, Flow заставит сначала сократить его до 30 секунд. Для одной операции редактирования всё равно выбирается фрагмент длительностью не более 10 секунд.

Поэтому ролик на 30–40 секунд лучше заранее разделить на несколько частей:

1. Хук: 4–6 секунд.
2. Основной кадр: 6–10 секунд.
3. Перебивка: 4–6 секунд.
4. Финал: 4–8 секунд.

Не загружай сорокасекундный монолог и не проси: «Сделай динамично». Даже искусственный интеллект иногда имеет право не понимать человеческую лень.

Часть 2. Создание проекта

1. Открой Google Flow.
2. Нажми New project или создай новый проект через главный экран.
3. Назови проект, например:Codex Reel AI Edit
4. В нижней части экрана открой настройки генерации.
5. Выбери:
• тип: Video;
• модель: Gemini Omni Flash;
• ориентация: Portrait / 9:16;
• количество результатов: 1.

Для редактирования загруженного видео нужна именно модель Gemini Omni Flash. Она умеет редактировать как загруженные, так и созданные в Flow ролики, а также поддерживает клипы продолжительностью 4, 6, 8 и 10 секунд.

На этапе тестов всегда выбирай один результат. Flow списывает кредиты за каждую созданную версию, а не просто за один запрос. Редактирование загруженного видео через Omni Flash сейчас стоит 40 кредитов за одну генерацию.

Часть 3. Загрузка и редактирование видео

Шаг 1. Загрузи исходник

Перетащи видео в окно проекта или нажми кнопку добавления файла.

После загрузки Flow:

• обработает файл;
• приведёт его к поддерживаемому формату;
• проведёт проверку безопасности;
• предложит выбрать нужный отрывок.

Выдели фрагмент длительностью до 10 секунд.

Шаг 2. Напиши промпт

Google поддерживает разные языки, включая русский, но рекомендует писать промпты на английском для более стабильного результата.

Хороший промпт для монтажа состоит из шести частей:

1. Что обязательно сохранить.
2. Что изменить.
3. Как должен двигаться человек.
4. Как должна двигаться камера.
5. Каким должно быть освещение.
6. Что нейросеть не должна менять.

Универсальная структура

Edit the uploaded video as a realistic cinematic video-to-video transformation.

Preserve:
[что нужно сохранить]

Change:
[что нужно изменить]

Action:
[движение человека или объектов]

Camera:
[движение камеры]

Lighting and style:
[свет, цвет, атмосфера]

Do not:
[запреты]

Часть 4. Базовый промпт для сохранения лица

Этот промпт подходит, когда нужно изменить окружение, но оставить человека максимально похожим на исходник.

Edit the uploaded video as a realistic cinematic video-to-video transformation.

Preserve the original person exactly as shown in the source video. Keep the same facial identity, facial structure, skin tone, eyes, mouth, hairstyle, body proportions, clothing, expression, gestures and natural movement.

Replace only the background with a modern Asian megacity at night, filled with realistic neon signs, tall buildings and subtle traffic lights.

Keep the person naturally integrated into the environment. Match the original perspective, body position, shadows and camera movement.

Use realistic cinematic lighting with natural skin tones, soft contrast and detailed textures.

Do not change the face, clothing, body, pose or original performance. Do not add extra people, fingers, accessories or text. Avoid excessive orange skin tones, plastic skin, facial distortion and artificial motion.

Часть 5. Промпт для динамичного Reels-монтажа

Такой вариант подходит для роликов про AI, Codex, Claude и разработку.

Transform the uploaded clip into a polished vertical technology commercial.

Preserve the original person, facial identity, hairstyle, clothing, body proportions, gestures and timing exactly as in the source video.

Add subtle futuristic interface elements around the person: floating code windows, minimal data panels, soft holographic reflections and small animated particles.

The graphics should appear naturally integrated into the room and should not cover the face.

Add a slow cinematic camera push-in with subtle parallax. Keep the original movement stable and realistic.

Use premium cinematic lighting, natural skin tones, deep contrast and clean modern technology aesthetics.

Do not replace the person, change the face, alter the clothing or create exaggerated science-fiction effects. No readable text, logos or watermarks inside the scene.

Лучше не просить Flow писать длинные заголовки и субтитры прямо внутри видео. Даже когда текст появляется правильно в одном кадре, через несколько кадров он может начать эволюционировать в неизвестный диалект. Заголовки и субтитры добавляй позже в CapCut или Premiere.

Часть 6. Замена фона

Для замены фона не нужно подробно пересказывать всё происходящее в ролике. Опиши новый фон и отдельно запрети менять человека.

Пример: офис превращается в футуристическую студию

Replace only the background of the uploaded video.

Transform the original room into a premium futuristic AI development studio with dark walls, large computer screens, subtle blue interface lighting and a realistic city view through the windows.

Preserve the original person exactly. Keep the same face, body, hairstyle, clothing, movement, gestures, expression and camera perspective.

Match all shadows, reflections and lighting naturally. Add subtle blue light reflections to the environment without changing the natural skin tone.

Do not modify the person's identity, body, clothing or original performance. Do not add text, logos, extra people or unnecessary objects.

Пример: азиатский мегаполис

Replace the original background with a realistic modern Asian megacity at night.

The person is standing on a rooftop surrounded by illuminated skyscrapers, moving traffic below, light atmospheric haze and subtle neon reflections.

Preserve the original person exactly, including facial identity, hairstyle, clothing, body proportions, gestures, pose and timing.

Keep the result photorealistic and cinematic. Use natural skin tones and physically accurate shadows.

Do not stylize the face. Do not change the clothing. Do not add extra limbs, people, text or fantasy architecture.

Часть 7. Добавление объектов и эффектов

Flow можно попросить добавить объект или визуальный эффект в существующий кадр.

Например:

Add a realistic floating holographic AI assistant interface above the laptop.

The interface should appear as a subtle transparent glass panel with moving diagrams, code blocks and small data indicators.

Preserve the original person, laptop, room, camera movement and lighting.

The hologram must cast subtle reflections on the desk and nearby surfaces. It should not cover the person's face or hands.

Keep the effect premium, minimal and realistic. Do not add readable text or logos.

Не пытайся за одну генерацию одновременно:

• заменить помещение;
• переодеть человека;
• изменить движение камеры;
• добавить робота;
• сделать взрыв;
• нарисовать интерфейс;
• превратить ноутбук в космический корабль.

Разделяй изменения на несколько запросов. Иначе модель решит, что точность была необязательной человеческой прихотью.

Часть 8. Последовательное редактирование

После первой генерации можно продолжить редактирование через дополнительные сообщения.

Например:

Первый запрос

Replace the background with a futuristic AI studio while preserving the original person exactly.

Второй запрос

Keep the previous result. Make the lighting slightly darker and add a soft blue rim light behind the person. Preserve natural skin tones.

Третий запрос

Keep all previous changes. Add a subtle slow camera push-in and reduce the amount of holographic interface elements by 40%.

Flow сохраняет контекст предыдущих изменений максимум на протяжении трёх последовательных запросов. После этого лучше сохранить результат и начать новую ветку редактирования.

Часть 9. Использование референсов

В Flow можно добавлять изображения и другие материалы как Ingredients, то есть визуальные ингредиенты.

Они помогают сохранить:

• одного персонажа;
• конкретную одежду;
• предмет;
• локацию;
• цветовую стилистику;
• дизайн интерфейса.

Чтобы добавить референс:

1. Переключись в режим Video → Ingredients.
2. Загрузи фотографию или выбери уже сохранённый материал проекта.
3. В промпте объясни, как именно использовать изображение.
4. Не просто добавляй фотографию без описания.

Google рекомендует использовать фотографии персонажей и объектов на простом или отделённом фоне, а также следить, чтобы текстовый промпт не противоречил визуальному референсу.

Пример

Use the uploaded portrait as the exact identity reference for the main person.

Use the uploaded studio image only as a reference for the environment, lighting and color palette.

Create a realistic vertical video of the person working at a computer in this studio.

Preserve the facial identity, hairstyle, skin tone and body proportions from the character reference.

Часть 10. Создание перебивок с нуля

Для динамичного Reels тебе понадобятся короткие дополнительные кадры:

• крупный план клавиатуры;
• экран с кодом;
• рука на мышке;
• серверная;
• интерфейс нейросети;
• общий план города;
• смартфон с приложением;
• детали рабочего места.

Для этого загружать исходное видео не нужно.

Выбери модель Veo 3.1 или Omni Flash и создай ролик из текста.

Пример перебивки с кодом

Vertical 9:16 cinematic macro shot of hands typing quickly on a modern mechanical keyboard.

A large monitor in the background displays abstract software code and minimal interface elements. The code should not be readable.

Slow camera movement from left to right, shallow depth of field, realistic reflections, premium dark technology studio, natural hand movement.

Fast-paced commercial B-roll, photorealistic, detailed textures, no logos, no text overlay.

Пример экрана телефона

Vertical cinematic close-up of a modern smartphone held in one hand.

The screen displays a clean futuristic AI application interface with animated cards, charts and subtle glowing controls.

The camera slowly pushes toward the screen. Realistic hand movement, natural reflections, premium commercial lighting, shallow depth of field.

No brand logos, no readable text, no distorted fingers.

Пример серверной

Vertical cinematic tracking shot moving through a modern AI data center.

Rows of black server racks with subtle status lights, cool atmospheric lighting, realistic reflections and gentle environmental haze.

The camera moves forward smoothly between the racks. Premium technology commercial, photorealistic, high detail, no people, no logos, no text.

Часть 11. Переходы между двумя кадрами

В режиме Frames to Video можно установить начальный и конечный кадр.

Это удобно для переходов:

• комната превращается в мегаполис;
• ноутбук превращается в интерфейс;
• человек перемещается из одной локации в другую;
• камера приближается к экрану, после чего начинается новый кадр.

Порядок действий:

1. Выбери Video → Frames.
2. Добавь начальную фотографию.
3. Добавь конечную фотографию.
4. Опиши, что должно произойти между ними.
5. Выбери вертикальный формат.
6. Запусти генерацию.

Flow создаст движение между двумя изображениями.

Пример промпта

Create a seamless cinematic transition between the two provided frames.

The camera quickly pushes toward the laptop screen in the first frame. As the screen fills the view, its reflections transform into the futuristic city shown in the final frame.

Keep the motion smooth, fast and physically realistic. Preserve the original perspective and color palette.

No flash transition, no distortion, no additional objects and no text.

Часть 12. Продление клипа

Если удачный момент закончился слишком быстро:

1. Открой созданный клип.
2. Нажми Extend.
3. Опиши продолжение действия.
4. Запусти генерацию.

Например:

Continue the same camera movement.

The person looks at the laptop screen, slightly smiles and then turns their attention back toward the camera.

Preserve the same person, clothing, room, lighting, camera angle and cinematic style.

Продлевать сейчас можно только видео, созданные моделями Veo. После продления к результату нельзя применять некоторые другие режимы, включая Insert, Remove и Camera.

Поэтому сначала выполни необходимые изменения, а уже потом используй Extend.

Часть 13. Сохранение кадров для следующих сцен

Чтобы сохранить одинакового персонажа или сделать бесшовный переход:

1. Открой готовое видео.
2. Останови его на хорошем кадре.
3. Наведи курсор на изображение.
4. Нажми Save frame.
5. Используй сохранённый кадр как:
• начальный кадр следующего видео;
• конечный кадр;
• визуальный ингредиент;
• референс персонажа или локации.

Так можно построить последовательность, в которой каждый следующий ролик начинается примерно там, где закончился предыдущий.

Часть 14. Сборка ролика в Scenebuilder

Когда все фрагменты готовы:

1. Наведи курсор на первый ролик.
2. Открой меню More.
3. Выбери Add to Scene.
4. Повтори для остальных фрагментов.
5. Открой Scenebuilder.
6. Расставь клипы в правильном порядке.
7. Обрежь лишнее в начале и конце каждого клипа.
8. Посмотри всю последовательность.
9. Скачай готовую сцену.

Scenebuilder позволяет менять порядок роликов, обрезать их края, просматривать последовательность и экспортировать собранную сцену.

Рекомендуемая структура Reels

Кадр 1, 0–3 секунды

Ты в кадре, сильный визуальный хук.

Кадр 2, 3–6 секунд

Крупный план ноутбука или телефона.

Кадр 3, 6–10 секунд

ИИ-эффект, смена локации или визуальная метафора.

Кадр 4, 10–15 секунд

Возвращение к тебе в кадре.

Кадр 5, 15–20 секунд

Результат: сайт, приложение, код или готовое видео.

Часть 15. Финальная обработка

После экспорта из Flow перенеси видео в CapCut, Premiere Pro или DaVinci Resolve.

Там добавь:

• озвучку;
• автоматические субтитры;
• заголовок;
• музыку;
• звуковые эффекты;
• приближения;
• монтаж под бит;
• цветокоррекцию;
• финальный призыв к действию.

Оптимальная связка:

Исходное видео
→ Google Flow: фон, эффекты, переходы и перебивки
→ Scenebuilder: черновая последовательность
→ CapCut или Premiere: субтитры, музыка и точный монтаж
→ Instagram Reels

Готовый промпт для полного ИИ-монтажа одного кадра

Edit the uploaded vertical video into a polished cinematic social media clip about artificial intelligence and software development.

Preserve the original person exactly. Keep the same facial identity, facial structure, skin tone, hairstyle, body proportions, clothing, expression, hand gestures and natural movement.

Transform the original environment into a premium futuristic AI development studio with large screens, subtle code interfaces, dark modern walls and soft blue ambient lighting.

Add minimal holographic interface elements around the laptop. They should feel naturally integrated into the environment and should not cover the person's face or hands.

Add a subtle slow camera push-in and gentle depth parallax while preserving the original camera perspective and timing.

Use realistic cinematic lighting, clean contrast, detailed textures and natural skin tones.

Do not alter the face, body, clothing, original performance or lip movement. Do not add extra people, fingers, limbs, accessories, logos, readable text or exaggerated science-fiction effects.

The final result must look like a professionally filmed technology commercial, not an AI-generated animation.

Главные правила

1. Редактируй ролик фрагментами по 4–10 секунд.
2. Для загруженного видео выбирай Gemini Omni Flash.
3. Сначала перечисляй, что нужно сохранить.
4. Затем описывай только одно основное изменение.
5. Всегда добавляй запреты на изменение лица и одежды.
6. Используй английские промпты.
7. Генерируй по одному результату, пока тестируешь идею.
8. Сохраняй удачные кадры как референсы.
9. Собирай последовательность в Scenebuilder.
10. Субтитры, музыку и точный ритм доделывай в обычном видеоредакторе.

Введение

Большинство людей начинает пользоваться AI неправильно: открывает чат, пишет «создай мне приложение», получает несколько файлов сомнительной жизнеспособности и объявляет себя вайбкодером.

AI-агент работает иначе.

Обычный AI-чат в основном отвечает на вопросы и генерирует текст.

AI-агент может:

• читать файлы проекта;
• искать нужный код;
• изменять несколько файлов;
• запускать команды в терминале;
• устанавливать зависимости;
• запускать тесты;
• проверять результат;
• работать с Git;
• создавать коммиты и Pull Request;
• обращаться к внешним сервисам;
• продолжать работу самостоятельно, пока задача не будет выполнена.

Claude Code и Codex умеют читать кодовую базу, редактировать файлы и запускать инструменты разработки. Codex доступен через приложение, терминал, IDE и облачную среду, а Claude Code работает через терминал, IDE, приложение и браузер.

1. Чем отличаются Chat, Cowork и Code

Chat

Chat нужен для общения с моделью.

Используйте его, когда необходимо:

• придумать идею;
• разобраться в технологии;
• составить план проекта;
• написать текст;
• проанализировать документ;
• обсудить архитектуру;
• попросить объяснить ошибку;
• подготовить техническое задание.

Chat может работать с файлами и подключёнными сервисами, но его лучше воспринимать как консультанта, а не как разработчика, которому уже выдали терминал и ключи от сервера.

Пример задачи для Chat

Я хочу создать сервис, который превращает скриншоты в структурированные заметки. Помоги определить главную функцию, целевую аудиторию, минимальный MVP и подходящий стек.

На этом этапе агент ещё ничего не создаёт. Он помогает понять, что именно нужно создавать.

Cowork

Claude Cowork предназначен для выполнения обычной компьютерной работы, не обязательно связанной с программированием.

Cowork может:

• работать с документами;
• собирать исследования;
• создавать таблицы и презентации;
• работать с файлами;
• использовать браузер;
• обращаться к подключённым сервисам;
• разбивать большую задачу на несколько параллельных частей;
• выполнять запланированные задачи.

Anthropic описывает Cowork как режим, которому можно передать желаемый результат, после чего Claude самостоятельно организует выполнение. Cowork работает на web, desktop и mobile и доступен пользователям платных планов.

Когда использовать Cowork

• Собрать отчёт по конкурентам.
• Найти информацию в Google Drive и оформить документ.
• Разобрать папку с файлами.
• Подготовить таблицу.
• Найти письма и составить ответы.
• Создать презентацию.
• Выполнить многошаговую офисную задачу.

Пример задачи для Cowork

Изучи документы в папке проекта, составь отчёт о конкурентах, создай сравнительную таблицу и подготовь презентацию на 10 слайдов.

Code

Claude Code или Codex используются для работы с программными проектами.

Агент получает доступ к папке и может:

• изучать структуру проекта;
• читать код;
• создавать новые файлы;
• исправлять ошибки;
• запускать приложение;
• устанавливать библиотеки;
• запускать линтер и тесты;
• работать с базой данных;
• создавать Git-коммиты;
• готовить Pull Request;
• проверять интерфейс через браузер.

Когда использовать Code

• Создание сайта или приложения.
• Исправление ошибки.
• Добавление функции.
• Рефакторинг.
• Работа с API.
• Настройка Docker.
• Настройка базы данных.
• Развёртывание проекта.
• Проверка безопасности.
• Code review.

Главное различие

Режим

Основная задача

Chat

Обсуждать и думать

Cowork

Выполнять обычную компьютерную работу

Code

Управлять программным проектом

2. Что выбрать: Claude Code или Codex

Оба агента способны полноценно работать с кодом. Выбирать стоит не по бесконечным рейтингам из соцсетей, а по конкретному рабочему процессу.

Claude Code стоит выбрать, если:

• вам нравится Claude;
• вы хотите работать через терминал;
• вам важны CLAUDE.md, плагины, skills, hooks и subagents;
• вы используете VS Code или Cursor;
• вам нужен агент для длинной последовательной работы;
• вы хотите гибко настраивать правила и разрешения.

Codex стоит выбрать, если:

• у вас уже есть подписка ChatGPT;
• нужен удобный графический интерфейс;
• вы хотите запускать несколько агентов параллельно;
• хотите использовать Git Worktrees;
• хотите переключаться между Local, Worktree и Cloud;
• хотите работать с проектом через приложение, IDE, терминал и телефон;
• вам нужны встроенные плагины, браузер и Computer Use.

Codex позволяет создавать отдельные потоки по проектам, запускать агентов параллельно, просматривать изменения и работать через встроенные Git-функции.

Практический совет

Новичку не нужно сразу использовать два агента.

Выберите один:

• Codex, если хочется более понятного приложения.
• Claude Code, если хочется глубже разобраться в терминале и инженерном процессе.

Когда освоите Git, ветки, тесты и структуру проекта, можно будет переключаться между моделями. До этого два агента лишь дадут вам в два раза больше способов случайно сломать проект.

3. Как установить Claude

Вариант 1. Claude Desktop

1. Откройте официальную страницу загрузки Claude.
2. Выберите версию для macOS или Windows.
3. Установите приложение.
4. Войдите в аккаунт Claude.
5. Выберите Chat, Cowork или Code в зависимости от задачи.

Официальное приложение Claude Desktop доступно для macOS и Windows. Claude Code также можно использовать через графическое приложение на macOS, Windows и Linux.

Вариант 2. Claude Code через терминал

Установка на macOS, Linux или WSL

Откройте Terminal и выполните:

curl -fsSL https://claude.ai/install.sh | bash

После установки запустите:

claude

Браузер откроет страницу авторизации. Войдите через аккаунт Claude.

Установка через Homebrew на macOS

brew install --cask claude-code

Обновление:

brew upgrade claude-code

Установка на Windows через PowerShell

irm https://claude.ai/install.ps1 | iex

Или через WinGet:

winget install Anthropic.ClaudeCode

Нативная установка Claude Code обновляется автоматически. Homebrew и WinGet необходимо обновлять вручную.

Вариант 3. Claude Code в VS Code или Cursor

1. Откройте раздел Extensions.
2. Найдите официальное расширение Claude Code.
3. Установите его.
4. Откройте панель Claude.
5. Авторизуйтесь через аккаунт Anthropic.
6. Откройте папку проекта.

Расширение позволяет:

• выделять код и добавлять его в контекст;
• просматривать изменения;
• редактировать план перед выполнением;
• запускать несколько диалогов;
• переключать режимы разрешений.

Расширение содержит собственную версию Claude Code, поэтому для работы через графическую панель отдельно устанавливать CLI необязательно. CLI потребуется, если вы хотите запускать команду claude непосредственно в терминале.

4. Как установить Codex

Вариант 1. Приложение Codex

1. Скачайте официальное приложение Codex или ChatGPT Desktop.
2. Запустите его.
3. Нажмите Continue with ChatGPT.
4. Выберите папку или Git-репозиторий.
5. Создайте первую задачу.

Официальный процесс запуска состоит из авторизации, выбора папки или репозитория и создания первой задачи.

Что выбрать при открытии проекта

Codex предлагает несколько сред:

• Local — агент работает прямо в текущей папке.
• Worktree — агент работает в отдельной копии Git-проекта.
• Cloud — агент работает в удалённой среде.

Новичку лучше начинать с:

• Local, если проект тестовый;
• Worktree, если проект уже важный;
• Cloud, когда понятны переменные окружения, зависимости и GitHub.

Вариант 2. Codex CLI

macOS и Linux

curl -fsSL https://chatgpt.com/codex/install.sh | sh

Перейдите в папку проекта:

cd путь-к-проекту

Запустите Codex:

codex

При первом запуске выберите вход через ChatGPT. Codex CLI работает с локальным репозиторием, умеет изменять файлы, запускать установленные инструменты и использоваться в автоматических скриптах через codex exec.

Вариант 3. Codex в VS Code или Cursor

1. Откройте Extensions.
2. Найдите официальное расширение Codex.
3. Установите его.
4. Войдите через ChatGPT.
5. Откройте папку проекта.
6. Откройте панель Codex.

Расширение удобно для небольших локальных изменений, потому что агент видит открытые файлы и выделенный код.

5. Что обязательно настроить после установки

5.1 Профиль

Имя, фотография и username не влияют на качество кода.

Заполнить их можно, но это не является настройкой агента. В Codex раздел Profile в основном показывает статистику использования и позволяет изменить публичные данные профиля.

Гораздо важнее следующие настройки.

5.2 Персональные инструкции

Добавьте информацию о том, как агент должен с вами работать.

Пример:

Я начинающий разработчик.

Объясняй важные архитектурные решения простым языком.
Не добавляй новые библиотеки без необходимости.
Перед большой переработкой сначала предложи план.
После изменений запускай линтер и тесты.
Не изменяй файлы вне текущего проекта.
Не удаляй данные и не выполняй destructive-команды без подтверждения.

В Codex персонализация, custom instructions и memories настраиваются через Settings.

5.3 Память

Память нужна, чтобы агент учитывал ваши постоянные предпочтения:

• используемый пакетный менеджер;
• стиль кода;
• любимый стек;
• требования к тестам;
• правила безопасности;
• особенности рабочего процесса.

Codex

Откройте:

Settings → Personalization → Enable memories

Локальная память Codex по умолчанию может быть отключена, поэтому её необходимо включить вручную.

Claude Code

Claude использует:

• автоматическую память;
• глобальный CLAUDE.md;
• проектный CLAUDE.md;
• локальный CLAUDE.local.md.

Команда:

/memory

показывает, какие файлы памяти загружены.

5.4 Разрешения

Не выдавайте полный доступ сразу.

Начните с режима, в котором агент:

• читает проект;
• редактирует только текущую папку;
• спрашивает разрешение перед опасными командами;
• не имеет автоматического доступа ко всему диску и сети.

Подробная схема разрешений находится ниже в разделе о полном управлении.

5.5 GitHub

GitHub стоит подключить, если вы хотите:

• хранить резервную копию проекта;
• работать через облачного агента;
• создавать Pull Request;
• проводить code review;
• управлять задачами через Issues;
• работать с проектом с разных компьютеров.

Codex Cloud требует подключить GitHub, выбрать репозитории и создать отдельную среду с зависимостями и переменными.

5.6 Коннекторы

Подключайте только сервисы, которые реально нужны.

Например:

• GitHub;
• Google Drive;
• Gmail;
• Slack;
• Linear;
• Figma;
• Notion;
• Sentry;
• Supabase.

Каждый дополнительный коннектор расширяет возможности агента, но одновременно расширяет количество данных и действий, к которым он получает доступ.

6. Что такое проект внутри AI-агента

Проект — это не один диалог.

Обычно проект содержит:

• папку с файлами;
• Git-репозиторий;
• инструкции для агента;
• историю задач;
• зависимости;
• команды запуска;
• тесты;
• переменные окружения;
• подключённые инструменты.

Проект в Claude Chat

Проект объединяет:

• несколько диалогов;
• загруженные документы;
• общие инструкции;
• базу знаний.

Он подходит для исследований, контента и долгой работы с одной темой.

Проект в Claude Code или Codex

Проектом становится локальная папка или Git-репозиторий.

Агент читает её структуру и выполняет команды внутри неё.

7. Что такое Git, GitHub, репозиторий и Docker

Git

Git хранит историю изменений проекта.

Каждое сохранённое состояние называется commit.

Git позволяет:

• посмотреть, что изменил агент;
• вернуть старую версию;
• создать отдельную ветку;
• сравнить изменения;
• отменить неудачную работу.

Git отслеживает состояния файлов и историю коммитов, а также позволяет работать с ветками и удалёнными репозиториями.

Без Git

Агент изменил 38 файлов, приложение перестало запускаться, а вы пытаетесь вспомнить, какой именно index-final-v2-real.ts был рабочим.

С Git

Вы выполняете:

git restore .

или возвращаетесь к предыдущему коммиту.

Репозиторий

Репозиторий — папка проекта, в которой Git хранит историю.

Создание репозитория:

mkdir my-project
cd my-project
git init

После появления первых файлов:

git add .
git commit -m "Initial commit"

GitHub

GitHub хранит удалённую копию Git-репозитория.

Git работает локально. GitHub находится в интернете.

Создать репозиторий можно через сайт GitHub или GitHub CLI:

gh repo create

GitHub CLI умеет создать удалённый репозиторий и отправить в него существующий локальный проект.

Docker

Docker запускает приложение и его сервисы в изолированных контейнерах.

Он особенно полезен, когда проект использует:

• PostgreSQL;
• Redis;
• очереди;
• несколько серверов;
• системные библиотеки;
• сложную среду;
• одинаковое окружение для команды и сервера.

Docker предназначен для разработки, доставки и запуска приложений в воспроизводимой среде. Docker Compose позволяет запускать несколько связанных сервисов, например приложение и базу данных.

Docker не обязателен, если:

• вы создаёте простую HTML-страницу;
• делаете небольшой React-сайт;
• используете облачную базу;
• пока изучаете основы;
• проект состоит из одного простого приложения.

Docker полезен, если:

• нужна локальная PostgreSQL;
• проект должен одинаково запускаться у нескольких людей;
• агент постоянно сталкивается с несовпадающими версиями;
• приложение состоит из нескольких сервисов.

8. Минимальная структура нормального проекта

my-project/
├── src/
├── tests/
├── docs/
├── .gitignore
├── .env.example
├── README.md
├── AGENTS.md
├── CLAUDE.md
├── package.json
└── docker-compose.yml

Не каждый файл обязателен. Для простого проекта достаточно:

my-project/
├── src/
├── .gitignore
├── README.md
├── AGENTS.md или CLAUDE.md
└── package.json

Назначение файлов

README.md

Объясняет:

• что делает проект;
• как установить зависимости;
• как запустить приложение;
• какие команды доступны;
• как провести тестирование.

.gitignore

Указывает Git, какие файлы нельзя добавлять в репозиторий:

node_modules/
dist/
.env
.DS_Store
coverage/

GitHub рекомендует хранить правила исключений в .gitignore. Файлы с секретами, например .env, не должны попадать в репозиторий.

.env

Содержит настоящие секреты:

DATABASE_URL=...
OPENAI_API_KEY=...
JWT_SECRET=...

.env.example

Содержит только названия переменных:

DATABASE_URL=
OPENAI_API_KEY=
JWT_SECRET=

Никогда не помещайте настоящие API-ключи в AGENTS.md, CLAUDE.md, README или Git.

Если ключ попал в историю Git, его нужно не просто удалить из файла, а отозвать и создать новый.

9. AGENTS.md и CLAUDE.md

Это одни из самых важных файлов при работе с AI-агентами.

AGENTS.md

Используется Codex.

Codex читает AGENTS.md перед началом работы и применяет содержащиеся там инструкции. Можно создать глобальный файл и отдельные файлы внутри конкретных репозиториев.

CLAUDE.md

Используется Claude Code.

Claude читает CLAUDE.md в начале сессии. В нём хранятся постоянные правила проекта и рабочего процесса.

Что писать в этих файлах

• назначение проекта;
• используемый стек;
• структура папок;
• команды запуска;
• команды тестирования;
• архитектурные правила;
• требования к безопасности;
• ограничения;
• правила работы с Git;
• запрещённые действия;
• критерии завершения задачи.

Пример AGENTS.md или CLAUDE.md

# Project instructions

## Product

This project is a web application for creating structured notes from screenshots.

## Stack

- TypeScript
- React
- Node.js
- Fastify
- PostgreSQL
- Docker Compose

## Commands

Install dependencies:

`npm install`

Start development:

`npm run dev`

Run lint:

`npm run lint`

Run tests:

`npm test`

## Architecture

- Keep routes thin.
- Put business logic in services.
- Put database queries in repositories.
- Do not access PostgreSQL directly from route handlers.
- Reuse existing components before creating new ones.

## Working rules

- Inspect existing code before implementing changes.
- Before large changes, create a short plan.
- Do not add production dependencies without explaining why.
- Do not modify unrelated files.
- Do not delete migrations.
- Do not change public API contracts without approval.
- After every change, run lint and relevant tests.
- Report every command that failed.

## Security

- Never commit `.env`.
- Never print secrets in logs.
- Validate all external input.
- Do not disable authentication to make tests pass.

## Git

- Work on a separate branch.
- Keep commits focused.
- Do not rewrite Git history.
- Do not push directly to main.

## Definition of done

A task is complete only when:

1. The requested behavior works.
2. Relevant tests pass.
3. Lint passes.
4. No unrelated files were changed.
5. Documentation is updated when needed.

Не пытайтесь записать туда всю биографию проекта на 40 страниц. Файл должен помогать агенту принимать решения, а не превращаться в ещё одну священную рукопись, которую никто не читает.

10. Что такое Skills

Skill — это переиспользуемая инструкция для конкретного типа работы.

Можно считать Skill рабочим регламентом для агента.

Примеры:

• как создавать API endpoint;
• как проверять безопасность;
• как оформлять Instagram-карусель;
• как проводить code review;
• как создавать миграции;
• как публиковать приложение;
• как анализировать конкурентов;
• как писать сценарии Reels.

Skill обычно представляет собой папку с обязательным файлом SKILL.md. Дополнительно в неё можно добавить скрипты, шаблоны, документацию и другие ресурсы. Codex и Claude могут загружать Skill автоматически, когда описание соответствует задаче.

Чем Skill отличается от обычного промпта

Промпт

Используется один раз:

После изменения кода запусти тесты.

Skill

Хранит полный повторяемый процесс:

1. Найти затронутые тесты.
2. Запустить линтер.
3. Запустить unit-тесты.
4. Запустить integration-тесты.
5. Проанализировать ошибки.
6. Исправить проблему.
7. Повторить проверку.
8. Подготовить отчёт.

Структура Skill

my-skill/
├── SKILL.md
├── scripts/
├── references/
└── assets/

• SKILL.md — основная инструкция.
• scripts/ — повторяемые команды или программы.
• references/ — документация.
• assets/ — шаблоны и исходные материалы.

Пример простого Skill

---
name: safe-feature-development
description: Use when implementing a new feature in an existing software project. Do not use for simple explanations or documentation-only requests.
---

# Safe feature development

1. Read the relevant project instructions.
2. Inspect the current architecture and similar existing features.
3. Identify files that will need modification.
4. Create a short implementation plan.
5. Check whether the task requires database migrations or new dependencies.
6. Implement the smallest complete version.
7. Add or update tests.
8. Run lint, type checking, and relevant tests.
9. Review the final diff for unrelated changes.
10. Report:
   - files changed;
   - commands run;
   - test results;
   - remaining risks.

Как создать Skill в Codex

Самый простой способ:

$skill-creator

Codex спросит:

• что должен делать Skill;
• когда он должен запускаться;
• когда его не нужно использовать;
• нужны ли скрипты;
• какие материалы добавить.

Skill также можно создать вручную в:

.agents/skills/имя-скила/SKILL.md

Codex может активировать Skill явно через выбор пользователя или автоматически по его описанию.

Как создать Skill в Claude Code

Создайте:

.claude/skills/имя-скила/SKILL.md

Или установите официальный Skill Creator:

/plugin install skill-creator@claude-plugins-official

После установки:

/reload-plugins

Claude Code также содержит встроенные skills, включая команды для отладки и code review.

Каким должен быть хороший Skill

Хороший Skill:

• решает одну конкретную задачу;
• имеет понятные условия запуска;
• описывает входные данные;
• описывает ожидаемый результат;
• содержит этап проверки;
• не даёт агенту лишних прав;
• не повторяет общие инструкции проекта.

Codex рекомендует делать Skill сфокусированным на одной работе, начинать с инструкций и добавлять скрипты только там, где требуется детерминированное выполнение.

11. Что такое плагины

Плагин — готовый пакет возможностей.

Он может содержать:

• Skills;
• коннекторы;
• MCP-серверы;
• subagents;
• hooks;
• команды;
• настройки.

Если Skill является одной инструкцией, то Plugin является целым набором функций.

Пример

Плагин для GitHub может содержать:

• коннектор к GitHub;
• Skill для создания Issues;
• Skill для Pull Request;
• Skill для code review;
• MCP-инструменты для чтения репозитория;
• специальные агенты для проверки безопасности.

В Codex плагины могут объединять skills, коннекторы и MCP-инструменты. Они устанавливаются через раздел Plugins, команду /plugins в CLI или настройки IDE. После установки обычно нужно открыть новую сессию.

В Claude плагины также объединяют skills, connectors и subagents, а плагины Claude Code могут включать agents, hooks и MCP servers.

Когда использовать готовый плагин

Используйте плагин, если:

• он создан официальным разработчиком;
• решает нужную задачу;
• вы понимаете, какие разрешения он получает;
• он избавляет от ручной настройки;
• вы собираетесь регулярно использовать его функции.

Когда лучше создать свой Skill

Создавайте Skill, если:

• процесс относится только к вашему проекту;
• не нужны внешние сервисы;
• достаточно инструкции и нескольких скриптов;
• вы ещё экспериментируете с процессом.

Когда создавать свой плагин

Создавайте плагин, если:

• набор функций нужен нескольким проектам;
• его будет использовать команда;
• необходимо объединить skills и MCP;
• требуется распространять готовую конфигурацию;
• процесс уже стабилен.

12. Что такое коннекторы

Connector подключает AI к внешнему сервису.

Примеры:

• Gmail;
• Google Drive;
• Calendar;
• GitHub;
• Slack;
• Linear;
• Notion;
• Figma;
• Microsoft 365.

После подключения агент может:

• читать разрешённые данные;
• искать информацию;
• создавать новые объекты;
• изменять существующие данные;
• запускать действия.

Claude наследует права пользователя в подключённом сервисе. Если у пользователя нет доступа к документу или каналу, коннектор также не сможет получить доступ.

Важное правило

Коннектор не равен полному доступу ко всему аккаунту.

Он работает только:

• в рамках выданных OAuth-разрешений;
• в рамках прав текущего пользователя;
• через инструменты, которые реализовал разработчик коннектора.

Тем не менее перед подключением проверяйте:

• какие данные разрешено читать;
• разрешена ли запись;
• может ли агент удалять данные;
• может ли отправлять сообщения;
• может ли публиковать изменения.

13. Что такое MCP-сервер

MCP расшифровывается как Model Context Protocol.

Это открытый стандарт, через который AI-приложения подключаются к внешним данным и инструментам.

MCP может предоставить агенту:

• доступ к локальным файлам;
• доступ к базе данных;
• поиск по документации;
• работу с GitHub;
• управление браузером;
• работу с Figma;
• запросы к API;
• доступ к логам;
• управление облачной инфраструктурой.

Claude и Codex поддерживают MCP для подключения инструментов и контекста.

Как MCP работает

Система состоит из трёх частей:

AI-приложение → MCP-клиент → MCP-сервер → внешний сервис

Например:

Claude Code → MCP → GitHub

Claude вызывает инструмент:

get_pull_request

MCP-сервер GitHub получает запрос, обращается к GitHub API и возвращает результат агенту.

MCP-сервер может предоставлять

Resources

Данные для чтения:

• документация;
• файлы;
• схемы базы;
• записи;
• логи.

Tools

Действия:

• создать Issue;
• выполнить SQL;
• отправить сообщение;
• развернуть приложение;
• сделать скриншот;
• запустить тест.

Prompts или workflows

Подготовленные сценарии работы.

Локальный и удалённый MCP

Локальный MCP

Запускается на вашем компьютере.

Плюсы:

• может работать с локальными файлами;
• удобно для разработки;
• данные могут оставаться локально.

Минусы:

• требует установки;
• компьютер должен быть включён;
• необходимо следить за безопасностью.

Удалённый MCP

Работает на внешнем сервере.

Плюсы:

• доступен с разных устройств;
• не требует локального процесса;
• удобнее для команд.

Минусы:

• данные проходят через внешний сервис;
• нужно внимательно проверять разработчика;
• требуется авторизация.

Claude поддерживает custom connectors через удалённые MCP-серверы, а Claude Code может подключаться к внешним системам напрямую через MCP.

Когда MCP действительно нужен

Подключайте MCP, когда вы регулярно:

• копируете данные из одного сервиса в чат;
• просите агента работать с системой, для которой нет встроенного коннектора;
• используете внутреннее API;
• хотите дать агенту специализированный инструмент;
• хотите автоматизировать повторяющуюся последовательность действий.

Не нужно устанавливать 40 MCP-серверов «на будущее». Каждый инструмент занимает контекст, усложняет выбор и увеличивает поверхность риска.

OpenAI также рекомендует начинать с одного-двух инструментов, которые устраняют реальный повторяющийся ручной процесс.

14. Как создать первый проект с AI-агентом

Рассмотрим безопасный универсальный процесс.

Шаг 1. Опишите проект

До запуска Code сформулируйте:

• для кого проект;
• какую проблему он решает;
• одну главную функцию;
• платформу;
• ограничения;
• критерий готовности.

Пример:

Создай простой веб-сервис.

Пользователь вводит текст.
Сервис сокращает текст до трёх пунктов.
Данные не сохраняются.
Нужна одна адаптивная страница.
Стек: React, TypeScript и Vite.

Шаг 2. Попросите составить план

Пока не изменяй файлы.

Сначала:
1. предложи структуру проекта;
2. перечисли необходимые зависимости;
3. опиши основные компоненты;
4. предложи этапы реализации;
5. укажи основные риски.

Не просите сразу создать авторизацию, платежи, мобильное приложение, админку, аналитику и метавселенную. Сначала создаётся одна рабочая функция. У людей удивительная способность превращать MVP в техническое завещание.

Шаг 3. Создайте папку и Git

mkdir text-shortener
cd text-shortener
git init

Шаг 4. Откройте папку в Claude Code или Codex

Для Claude:

claude

Для Codex:

codex

Или добавьте папку через приложение.

Шаг 5. Создайте инструкции

Попросите агента:

Создай AGENTS.md и CLAUDE.md для этого проекта.

Добавь:
- описание продукта;
- стек;
- команды запуска;
- архитектурные правила;
- требования к тестам;
- правила безопасности;
- definition of done.

Перед сохранением покажи мне содержимое.

Шаг 6. Создайте начальный коммит

После создания базового проекта:

git add .
git commit -m "Initial project setup"

Codex прямо рекомендует создавать Git-контрольные точки до и после задач, чтобы изменения можно было откатить.

Шаг 7. Реализуйте только первый этап

Реализуй только базовый интерфейс без AI API.

Требования:
- поле для текста;
- кнопка;
- блок результата;
- адаптивная мобильная версия;
- понятное состояние загрузки;
- обработка пустого ввода.

После реализации:
- запусти проект;
- проверь ошибки;
- запусти lint;
- перечисли изменённые файлы.

Шаг 8. Проверьте результат

Попросите:

Проведи ревью собственных изменений.

Проверь:
- соответствует ли результат задаче;
- нет ли лишних зависимостей;
- нет ли дублирования;
- работает ли мобильная версия;
- обработаны ли ошибки;
- проходят ли проверки.

Ничего не меняй. Сначала выдай отчёт.

Шаг 9. Создайте коммит

git add .
git commit -m "Build initial interface"

Шаг 10. Отправьте проект в GitHub

gh repo create

Или создайте репозиторий через сайт и выполните:

git remote add origin https://github.com/USER/REPOSITORY.git
git branch -M main
git push -u origin main

15. Как правильно ставить задачи агенту

Хорошая задача содержит семь частей.

1. Контекст

Это React-приложение для работы с заметками.

2. Проблема

После обновления страницы выбранная категория сбрасывается.

3. Желаемый результат

Выбранная категория должна сохраняться между перезагрузками.

4. Ограничения

Не добавляй новые библиотеки и не меняй API.

5. Область работы

Проверь компоненты фильтра и существующее хранилище настроек.

6. Проверка

Добавь тест и запусти существующие тесты.

7. Формат отчёта

В конце перечисли причину ошибки, изменённые файлы и результаты тестов.

Итоговый промпт

В React-приложении после обновления страницы сбрасывается выбранная категория.

Нужно сохранять выбор между перезагрузками.

Ограничения:
- не добавляй новые библиотеки;
- не меняй API;
- не перерабатывай несвязанные компоненты.

Сначала найди причину и составь короткий план.
После этого исправь ошибку, добавь тест и запусти существующие проверки.

В конце сообщи:
- причину ошибки;
- изменённые файлы;
- выполненные команды;
- результаты тестов.

Для крупных задач официальные рекомендации также советуют разделять работу на этапы, а не объединять планирование, реализацию, авторизацию, развёртывание и полировку в один гигантский запрос.

16. Как передать агенту полное управление проектом

Сначала определим, что означает «полное управление»

Полный доступ может включать:

• чтение всех файлов проекта;
• изменение файлов;
• создание и удаление файлов;
• запуск терминальных команд;
• установку библиотек;
• доступ к интернету;
• доступ к Git;
• доступ к GitHub;
• доступ к переменным окружения;
• запуск Docker;
• работу с браузером;
• выполнение миграций;
• развёртывание приложения.

Это не одна кнопка. Это набор отдельных разрешений.

Безопасная лестница доступа

Уровень 1. Только чтение

Агент:

• изучает проект;
• объясняет архитектуру;
• составляет план;
• ничего не меняет.

Используйте при первом знакомстве агента с проектом.

Уровень 2. Запись только в проект

Агент:

• изменяет файлы текущего проекта;
• не работает за пределами папки;
• спрашивает разрешение на команды.

Это лучший режим для новичка.

Уровень 3. Автоматическая работа внутри проекта

Агент:

• сам редактирует файлы;
• запускает обычные команды;
• устанавливает зависимости;
• продолжает до завершения;
• спрашивает только перед рискованными действиями.

Подходит после того, как проект находится под Git.

Уровень 4. Полный доступ

Агент:

• может работать вне папки;
• может выполнять команды без подтверждения;
• может использовать сеть;
• может затронуть другие файлы и сервисы.

Используйте только в:

• отдельном Worktree;
• dev container;
• виртуальной машине;
• тестовом компьютере;
• изолированном проекте без production-секретов.

17. Полный доступ в Codex

Codex предоставляет три встроенных профиля разрешений:

:read-only
:workspace
:danger-full-access

• :read-only — только чтение.
• :workspace — запись внутри активной рабочей области.
• :danger-full-access — снимает локальные ограничения песочницы.

OpenAI прямо указывает, что :danger-full-access следует использовать только тогда, когда широкий доступ выдан намеренно.

Рекомендуемый вариант

Используйте:

:workspace

И разрешайте конкретные действия при необходимости.

Для CLI безопасный рабочий режим выглядит примерно так:

codex --sandbox workspace-write --ask-for-approval on-request

В этом режиме агент может работать в проекте, но запрашивает повышение прав, когда пытается выйти за установленные границы.

Local или Worktree

Local

Codex меняет вашу настоящую рабочую папку.

Используйте, если:

• проект небольшой;
• вы наблюдаете за изменениями;
• перед задачей создан коммит.

Worktree

Codex создаёт отдельную Git-копию проекта.

Преимущества:

• агент не мешает вашей текущей работе;
• несколько задач можно выполнять параллельно;
• изменения легче проверить;
• неудачный результат проще удалить.

Worktree требует, чтобы проект уже был Git-репозиторием.

Лучший вариант для автономной работы

Git repository
→ отдельная ветка
→ Worktree
→ workspace permissions
→ тестовые секреты
→ обязательный review перед merge

18. Полный доступ в Claude Code

Claude Code предоставляет несколько режимов.

Plan

Claude:

• изучает проект;
• составляет план;
• не редактирует файлы.

Используйте перед большой задачей.

Manual

Claude спрашивает подтверждение перед изменениями и большинством команд.

Лучший режим для первого знакомства.

Accept Edits

Claude автоматически принимает изменения файлов, но может спрашивать разрешение на команды.

Подходит для обычной разработки.

Auto

Claude самостоятельно определяет, какие действия безопасны, в рамках настроенных правил. Доступность может зависеть от версии и конфигурации.

Bypass Permissions

Claude выполняет действия без обычных запросов разрешений.

В CLI этот режим связан с параметрами вроде:

claude --dangerously-skip-permissions

или конфигурацией bypassPermissions.

Название команды хотя бы честное. Редкий случай, когда программа заранее сообщает, что пользователь собирается сделать нечто сомнительное.

Anthropic рекомендует использовать Bypass Permissions только в изолированной среде без доступа к интернету.

19. Как безопасно дать агенту максимум автономности

Перед запуском

1. Создайте Git-репозиторий.
2. Сделайте чистый коммит.
3. Создайте отдельную ветку.
4. Уберите production-ключи.
5. Проверьте .gitignore.
6. Создайте AGENTS.md или CLAUDE.md.
7. Добавьте команды тестирования.
8. Ограничьте область работы.
9. Используйте Worktree или контейнер.
10. Укажите запрещённые действия.

Пример подготовительных команд

git status
git add .
git commit -m "Checkpoint before agent task"
git switch -c agent/feature-name

Пример задачи для автономного агента

Ты работаешь автономно в отдельной Git-ветке.

Цель:
реализовать функцию импорта заметок из JSON.

Перед началом:
1. прочитай AGENTS.md;
2. изучи существующую архитектуру;
3. найди похожие функции;
4. составь план.

Ограничения:
- работай только внутри текущего репозитория;
- не меняй публичный API;
- не добавляй зависимости без необходимости;
- не изменяй файлы авторизации;
- не запускай production-команды;
- не отправляй изменения в main;
- не удаляй пользовательские данные.

Процесс:
1. реализуй функцию;
2. добавь валидацию;
3. добавь тесты;
4. запусти lint;
5. запусти typecheck;
6. запусти relevant tests;
7. исправь найденные ошибки;
8. проверь итоговый diff.

Заверши работу только когда проверки проходят.

В финальном отчёте укажи:
- что было сделано;
- какие файлы изменены;
- какие команды запускались;
- результаты тестов;
- известные ограничения;
- что мне нужно проверить вручную.

20. Что агенту нельзя разрешать без контроля

Даже при полном управлении оставьте ручное подтверждение для:

• удаления базы данных;
• production-миграций;
• публикации приложения;
• изменения DNS;
• оплаты сервисов;
• отправки массовых писем;
• удаления облачных ресурсов;
• изменения прав доступа;
• работы с криптокошельками;
• публикации в социальных сетях;
• слияния в main;
• изменения billing;
• выполнения rm -rf;
• изменения настоящих пользовательских данных.

AI хорошо пишет код. Это не означает, что ему необходимо разрешить самостоятельно удалить production-базу в три часа ночи, а затем подготовить убедительный отчёт о полученном опыте.

21. Как проверять работу агента

После каждой серьёзной задачи проверяйте пять вещей.

1. Diff

Посмотрите:

git diff

или встроенную вкладку изменений.

Проверьте:

• какие файлы изменены;
• нет ли лишних изменений;
• не удалён ли важный код;
• не добавлены ли секреты;
• не отключены ли проверки.

2. Запуск

npm run dev

Убедитесь, что приложение действительно открывается.

3. Линтер

npm run lint

4. Typecheck

npm run typecheck

5. Тесты

npm test

Не принимайте фразу агента «всё должно работать» как результат проверки.

Результат проверки выглядит так:

npm run lint — passed
npm run typecheck — passed
npm test — 42 passed, 0 failed

22. Типичные ошибки новичков

Ошибка 1. Один огромный запрос

Создай полный аналог Instagram с AI, оплатами и админкой.

Правильнее:

1. Создать структуру.
2. Сделать авторизацию.
3. Сделать одну сущность.
4. Сделать базовый интерфейс.
5. Добавить тесты.
6. Потом расширять.

Ошибка 2. Работа без Git

Перед каждой серьёзной задачей нужен чистый коммит.

Ошибка 3. Полный доступ к основному компьютеру

Используйте workspace, Worktree или контейнер.

Ошибка 4. Отсутствие инструкций проекта

Без AGENTS.md или CLAUDE.md агент каждый раз заново угадывает ваши правила.

Ошибка 5. Слишком много Skills и MCP

Устанавливайте только то, что решает регулярную проблему.

Ошибка 6. Агент самостоятельно выбирает архитектуру

Сначала попросите варианты и аргументы. Потом утвердите направление.

Ошибка 7. Отсутствие тестов

Если агент не может проверить результат, он завершает задачу на основании собственного оптимизма. Это качество уже достаточно распространено среди людей, машине его прививать необязательно.

Ошибка 8. Секреты внутри проекта

Настоящие ключи должны находиться в .env, secret storage или настройках облачной среды, но не в Git.

23. Рекомендуемый рабочий процесс для новичка

Перед задачей

1. Открыть проект.
2. Проверить git status.
3. Создать checkpoint-коммит.
4. Переключиться на новую ветку.
5. Запустить агента.

Во время задачи

1. Попросить изучить проект.
2. Попросить составить план.
3. Утвердить план.
4. Разрешить реализацию.
5. Наблюдать за ключевыми решениями.

После задачи

1. Проверить diff.
2. Запустить приложение.
3. Запустить lint.
4. Запустить typecheck.
5. Запустить тесты.
6. Проверить результат вручную.
7. Создать commit.
8. Отправить в GitHub.

24. Минимальный набор инструментов

Новичку достаточно установить:

1. Claude Desktop или ChatGPT/Codex.
2. VS Code или Cursor.
3. Git.
4. Node.js, если проект на JavaScript или TypeScript.
5. GitHub Desktop или GitHub CLI, необязательно.
6. Docker Desktop, только если нужен Docker.
7. Один AI-агент.

Не нужно сразу устанавливать:

• десять MCP-серверов;
• пять IDE;
• локальные модели;
• Kubernetes;
• отдельный сервер;
• восемь AI-ассистентов;
• терминальную тему, на настройку которой уйдёт больше времени, чем на сам проект.

25. Финальный чек-лист

Установка

• Установлен Claude или Codex.
• Выполнена авторизация.
• Установлен редактор.
• Установлен Git.
• При необходимости установлен Docker.

Настройка агента

• Добавлены персональные инструкции.
• Настроена память.
• Проверены разрешения.
• Подключён GitHub.
• Подключены только нужные коннекторы.
• Не установлены случайные непроверенные плагины.

Настройка проекта

• Создан Git-репозиторий.
• Создан .gitignore.
• Создан .env.example.
• Настоящий .env исключён из Git.
• Создан README.
• Создан AGENTS.md или CLAUDE.md.
• Указаны команды запуска и тестирования.
• Создан первый коммит.

Работа с агентом

• Сначала агент изучает проект.
• Затем составляет план.
• Большая задача разделена на этапы.
• Агент работает в отдельной ветке или Worktree.
• После работы проверяется diff.
• Запускаются тесты.
• Production-действия подтверждаются вручную.

Главное правило

Не пытайтесь управлять AI-агентом как человеком, которому нужно подробно диктовать каждое нажатие клавиши.

Дайте ему:

• понятную цель;
• контекст;
• ограничения;
• инструменты;
• критерии готовности;
• способ проверить результат.

После этого позвольте агенту самостоятельно выбрать конкретные действия, но оставьте Git, sandbox и ручное подтверждение опасных операций.

Хороший AI-процесс выглядит так:

Цель
→ план
→ изолированная среда
→ реализация
→ автоматическая проверка
→ ручной review
→ commit
→ merge

Именно так AI превращается из генератора кода в полноценного рабочего агента.

ИИ стоит воспринимать не как поисковик и не как магический шар, а как личного помощника, которому можно передать часть размышлений, рутины и подготовки информации.

Какие ИИ использовать

Не нужно устанавливать всё подряд. Для начала достаточно одного универсального помощника и одного специализированного сервиса.

1. ChatGPT — основной универсальный помощник

Подходит для большинства повседневных задач:

• планирование дня, недели и поездок;
• написание и улучшение сообщений;
• поиск и объяснение информации;
• анализ документов, таблиц, фотографий и файлов;
• генерация изображений;
• обучение и изучение языков;
• голосовые разговоры;
• напоминания и регулярные задачи.

ChatGPT поддерживает работу с интернетом, файлами, изображениями, голосом, анализом данных и памятью о предпочтениях пользователя. Также в нём можно создавать запланированные напоминания и регулярные проверки.

Выбор по умолчанию: начните именно с ChatGPT.

2. Claude — для больших текстов и глубокого анализа

Лучше использовать, когда нужно:

• разобрать большой документ;
• улучшить статью, сценарий или презентацию;
• найти слабые места в идее;
• сравнить несколько решений;
• продумать сложный проект;
• получить спокойный и последовательный разбор.

Claude особенно удобен для работы с большими объёмами контекста и длинными документами. Некоторые актуальные модели Claude поддерживают контекст до миллиона токенов, что позволяет помещать в один запрос крупные документы и наборы материалов.

3. Gemini — для пользователей сервисов Google

Имеет смысл выбрать Gemini, если большая часть вашей жизни находится в:

• Gmail;
• Google Calendar;
• Google Drive;
• Google Docs;
• Google Photos;
• YouTube.

Gemini может работать с подключёнными сервисами Google, искать информацию в письмах и файлах, учитывать календарь и помогать составлять персональные сводки. Подключение личных приложений управляется пользователем и по умолчанию не обязательно.

4. NotebookLM — для обучения по своим материалам

Подходит, когда у вас есть:

• книга или учебник;
• PDF-документы;
• лекции;
• ссылки на YouTube;
• заметки;
• материалы по работе.

Вы загружаете источники, после чего можете задавать вопросы именно по ним, получать ответы со ссылками на исходные фрагменты, создавать конспекты, тесты, карточки, аудио- и видеообзоры.

Какие задачи можно передавать ИИ

Планирование

Вот мои задачи на сегодня. Распредели их по приоритету, оцени нагрузку и составь реалистичный план с перерывами.

Покупки

Помоги выбрать робот-пылесос. Сначала задай мне пять вопросов о квартире и бюджете, затем сравни подходящие варианты.

Путешествия

Составь план поездки на три дня. Учитывай мой бюджет, район проживания, погоду, время на дорогу и мои интересы.

Обучение

Объясни эту тему простыми словами. Затем приведи пример, задай мне три вопроса и проверь мои ответы.

Работа с текстом

Перепиши сообщение в спокойном и профессиональном стиле. Не меняй смысл и не делай его слишком официальным.

Питание

Вот продукты, которые есть у меня дома. Предложи три простых блюда, которые можно приготовить не дольше чем за 30 минут.

Принятие решений

Помоги принять решение. Сначала выдели мои критерии, затем сравни варианты, укажи риски и не пытайся выбрать вместо меня.

Разбор документов

Изучи документ. Кратко объясни его содержание, выдели важные условия, спорные места, сроки и вопросы, которые стоит уточнить.

Как правильно ставить задачи

Хороший запрос состоит из четырёх частей:

Контекст → задача → ограничения → формат ответа.

Пример:

Я начинающий пользователь ИИ и хочу организовать личные финансы. Проанализируй мои расходы за месяц, найди основные категории и предложи способы экономии. Не советуй рискованные инвестиции. Ответ дай таблицей и добавь три главных вывода.

Необязательно писать огромные промпты. Достаточно сообщить:

• что происходит;
• какой результат нужен;
• что важно учитывать;
• в каком виде нужен ответ.

Как получать более качественные ответы

Просите ИИ задавать вопросы

Перед ответом задай мне необходимые уточняющие вопросы.

Это полезно для поездок, покупок, планирования, обучения и сложных решений.

Прикладывайте исходные материалы

Вместо пересказа загрузите:

• документ;
• скриншот;
• таблицу;
• фотографию;
• переписку;
• ссылку.

Чем меньше ИИ приходится додумывать, тем ниже вероятность получить уверенно сформулированную ерунду. Любимый жанр современных технологий.

Просите несколько вариантов

Предложи три решения: самое простое, самое дешёвое и самое качественное.

Просите проверить собственный ответ

Проверь свой ответ. Какие предположения ты сделал? Где можешь ошибаться? Что необходимо подтвердить отдельно?

Используйте отдельные чаты или проекты

Создайте отдельные пространства для:

• работы;
• здоровья и спорта;
• обучения;
• путешествий;
• личных финансов;
• контента.

Так ИИ будет лучше понимать контекст и не смешивать ваш отпуск с квартальным отчётом.

Что нельзя полностью доверять ИИ

Всегда перепроверяйте:

• медицинские рекомендации;
• юридические условия;
• финансовые решения;
• цены и расписания;
• новости;
• адреса и контакты;
• ссылки и цитаты;
• важные расчёты.

ИИ может ошибаться и при этом звучать так, будто лично участвовал в составлении законов физики.

Не отправляйте в случайные сервисы:

• пароли;
• данные банковских карт;
• секретные ключи;
• документы с персональными данными;
• конфиденциальную информацию клиентов.

Оптимальный набор для новичка

1. ChatGPT — основной помощник на каждый день.
2. NotebookLM — обучение и разбор собственных материалов.
3. Gemini — дополнительно, если активно используете сервисы Google.
4. Claude — когда нужно глубоко проработать большой текст или сложную задачу.

Главное правило: не спрашивайте ИИ только “дай ответ”. Передавайте ему контекст, материалы и критерии хорошего результата.

Начните с одной простой привычки: каждый раз, когда задача требует больше пяти минут поиска, написания или размышлений, сначала подумайте, какую часть можно передать ИИ.

Для работы потребуется:

• компьютер на macOS или Windows;
• аккаунт ChatGPT;
• установленное новое приложение ChatGPT;
• платная подписка ChatGPT для доступа к Sites;
• идея сайта или хотя бы описание того, что он должен делать.

Важно: Codex и ChatGPT Sites не требуют отдельной оплаты через API, если вы входите через аккаунт ChatGPT и используете возможности своей подписки. API оплачивается отдельно и для этого гайда не нужен.

Часть 1. Выбор и оплата подписки

Какой тариф выбрать

ChatGPT Plus

Стоимость: $20 в месяц.

Подходит большинству пользователей, которые хотят:

• пользоваться Codex;
• создавать сайты через Sites;
• работать с новыми моделями;
• использовать ChatGPT для повседневной разработки;
• создавать небольшие сайты, лендинги и прототипы.

Sites постепенно появляется у пользователей Plus. Если подписка уже оплачена, но вкладки пока нет, вероятнее всего, функция ещё не активировалась на аккаунте.

ChatGPT Pro

Доступны два тарифа:

• Pro за $100 в месяц: примерно в 5 раз больше использования Codex, чем в Plus;
• Pro за $200 в месяц: примерно в 20 раз больше использования Codex, чем в Plus.

Pro нужен тем, кто много работает с крупными проектами, запускает длительные задачи и регулярно упирается в лимиты Plus. Возможности тарифов в основном одинаковые, разница прежде всего в объёме доступного использования.

Что выбрать новичку

Начните с ChatGPT Plus за $20.

Переходить на Pro имеет смысл только после того, как вы действительно начали регулярно упираться в лимиты. Покупать тариф за $200 заранее ради ощущения технологического превосходства необязательно.

Как оплатить ChatGPT Plus

1. Откройте ChatGPT в браузере.
2. Войдите в свой аккаунт.
3. Нажмите на иконку профиля.
4. Выберите Upgrade Plan или Обновить план.
5. Нажмите Get Plus.
6. Введите данные банковской карты.
7. Подтвердите оплату.

Подписка оплачивается ежемесячно и автоматически продлевается. Отменить её можно в настройках аккаунта.

Где управлять подпиской

Откройте:

Профиль → Settings → Account → Manage subscription

В этом разделе можно:

• посмотреть текущий тариф;
• изменить тариф;
• открыть счета;
• поменять способ оплаты;
• отменить подписку.

Если деньги списались, но Plus не появился

Проверьте, что вы вошли тем же способом, которым оформляли подписку:

• через Google;
• через Apple;
• через Microsoft;
• через почту и пароль.

Например, аккаунт, созданный через Google, и аккаунт с тем же адресом, но созданный через обычный вход по почте, иногда могут восприниматься как разные учётные записи. Особенно бодро эта путаница работает с функцией Apple «Скрыть e-mail».

Часть 2. Установка нового приложения ChatGPT

Для Sites нужно именно новое приложение ChatGPT, в котором появились режимы Work и Codex.

Старое приложение может отображаться как ChatGPT Classic. В нём Sites недоступен.

Установка на macOS

1. Откройте сайт ChatGPT.
2. Найдите раздел загрузки приложения.
3. Скачайте новую версию ChatGPT для macOS.
4. Откройте загруженный файл.
5. Перенесите ChatGPT в папку Applications.
6. Запустите приложение.
7. Войдите в тот же аккаунт, на котором оплачена подписка.

Если у вас уже было установлено старое приложение ChatGPT или приложение Codex, обновите его через уведомление внутри программы либо установите новую версию вручную.

После обновления старое приложение иногда остаётся на компьютере под названием ChatGPT Classic. Его можно удалить, когда убедитесь, что новое приложение работает.

Установка на Windows

1. Откройте страницу загрузки ChatGPT.
2. Скачайте версию для Windows.
3. Запустите установочный файл.
4. Завершите установку.
5. Войдите в аккаунт ChatGPT.

Как проверить, что установлено новое приложение

В новом приложении должны быть доступны режимы:

• Chat;
• Work;
• Codex.

В зависимости от тарифа и этапа обновления интерфейс может немного отличаться.

Часть 3. Что такое Codex

Codex — это AI-агент OpenAI для разработки. Он может:

• читать структуру проекта;
• создавать и изменять файлы;
• писать код;
• запускать команды;
• находить ошибки;
• проводить ревью;
• устанавливать зависимости;
• запускать тесты;
• работать сразу с несколькими задачами.

В отличие от обычного чата, Codex получает доступ к папке проекта и может выполнять действия внутри неё.

Часть 4. Как запустить Codex в приложении

Создание нового проекта

1. Откройте новое приложение ChatGPT.
2. Переключитесь в режим Codex.
3. Нажмите создание нового проекта.
4. Выберите папку на компьютере.

Можно выбрать:

• пустую папку для нового проекта;
• папку существующего сайта;
• локальный Git-репозиторий.

1. Разрешите приложению доступ к папке.
2. Напишите первую задачу.

Пример:

Создай современный одностраничный сайт для AI-сервиса. Используй React, TypeScript и Tailwind CSS. Сначала составь план и структуру страниц. Не начинай писать код, пока не покажешь план.

Создание файла AGENTS.md

После подключения проекта отправьте команду:

/init

Codex создаст файл AGENTS.md. В нём можно зафиксировать:

• структуру проекта;
• используемый стек;
• правила написания кода;
• команды запуска;
• запреты;
• требования к дизайну;
• требования к безопасности.

Этот файл помогает Codex не изобретать новый проект и новый стиль программирования при каждом запросе. Потому что даже искусственному интеллекту иногда приходится напоминать, что переписывать всё с нуля не считается рефакторингом.

Часть 5. Установка Codex CLI

Этот раздел нужен тем, кто хочет запускать Codex через терминал.

Для создания сайтов через вкладку Sites CLI устанавливать необязательно. Новичкам удобнее начинать с приложения.

Установка на macOS и Linux

Откройте терминал и выполните:

curl -fsSL https://chatgpt.com/codex/install.sh | sh

После установки перейдите в папку проекта:

cd путь-к-проекту

Запустите Codex:

codex

При первом запуске выберите:

Sign in with ChatGPT

Откроется браузер. Войдите в аккаунт, на котором оплачена подписка ChatGPT.

Альтернативная установка через npm

Если на компьютере уже установлен Node.js:

npm install -g @openai/codex

Проверить установку:

codex --version

Запустить Codex:

codex

Обновление Codex

При установке через официальный установщик повторно выполните:

curl -fsSL https://chatgpt.com/codex/install.sh | sh

При установке через npm:

npm install -g @openai/codex@latest

Часть 6. Основные команды Codex

Внутри Codex можно использовать команды:

/init

Создать файл AGENTS.md с инструкциями проекта.

/model

Выбрать модель и уровень рассуждения.

/status

Посмотреть текущую модель, папку и параметры сессии.

/permissions

Настроить, какие действия Codex может выполнять автоматически.

/review

Проверить внесённые изменения и найти потенциальные ошибки.

Безопасные настройки для новичка

На первых проектах не предоставляйте Codex максимальные разрешения без подтверждения.

Лучше разрешить:

• чтение файлов;
• изменение файлов проекта;
• запуск безопасных локальных команд;
• установку зависимостей после подтверждения.

Проверяйте запросы на:

• удаление большого количества файлов;
• изменение системных настроек;
• работу с ключами и паролями;
• отправку данных в интернет;
• выполнение непонятных команд с правами администратора.

Перед крупной задачей создавайте Git-коммит:

git add .
git commit -m "checkpoint before Codex task"

Если Codex решит проявить творческую инициативу там, где её никто не просил, изменения можно будет откатить.

Часть 7. Что такое ChatGPT Sites

ChatGPT Sites — это встроенный конструктор интерактивных сайтов и небольших приложений.

Через Sites можно создавать:

• лендинги;
• портфолио;
• презентационные сайты;
• дашборды;
• трекеры;
• внутренние панели;
• каталоги;
• отчёты;
• небольшие интерактивные приложения;
• прототипы продуктов.

ChatGPT создаёт сайт, показывает приватное превью, принимает изменения и затем публикует результат по готовой ссылке.

Где доступен Sites

На момент написания гайда Sites находится в стадии публичной беты.

Функция доступна на платных тарифах, кроме Free и Go. Сначала доступ получают Pro, Pro Lite, Enterprise и Edu, затем функция постепенно появляется у Plus и Business.

Sites на старте недоступен:

• в странах Европейской экономической зоны;
• в Швейцарии;
• в Великобритании.

Если вы находитесь в поддерживаемом регионе, но вкладки нет, функция, скорее всего, ещё не дошла до аккаунта.

Часть 8. Как создать сайт через вкладку Sites

Способ 1. Через новое приложение ChatGPT

1. Откройте новое приложение ChatGPT.
2. Выберите режим Work или Codex.
3. Создайте новый чат.
4. Напишите, что хотите создать сайт.
5. Укажите в запросе слово website или добавьте обращение:

@Sites

1. Опишите задачу.
2. Прикрепите материалы, если они есть:

• логотип;
• фотографии;
• тексты;
• таблицы;
• документы;
• ссылки;
• референсы дизайна.

1. Дождитесь создания приватного превью.
2. Проверьте сайт.
3. Попросите внести изменения.
4. После завершения нажмите публикацию или попросите ChatGPT опубликовать сайт.

Официальный процесс выглядит так: описание задачи → генерация сайта → приватное превью → доработка → публикация.

Способ 2. Через браузер

1. Откройте ChatGPT.
2. Выберите режим Work.
3. Создайте новый запрос.
4. Напишите:

@Sites Создай сайт...

1. Добавьте описание и материалы.
2. Проверьте превью.
3. Отправляйте правки обычными сообщениями.
4. Опубликуйте готовую версию.

Часть 9. Первый промпт для создания сайта

Не пишите:

Сделай мне красивый сайт.

Слово «красивый» не является техническим заданием. Для одного человека это Apple, для другого анимация каждого заголовка и три неоновых градиента поверх фотографии небоскрёба.

Используйте следующую структуру.

Универсальный промпт

@Sites

Создай современный адаптивный сайт.

Цель сайта:
[опишите, зачем нужен сайт]

Целевая аудитория:
[кто будет пользоваться сайтом]

Основное действие пользователя:
[оставить заявку, зарегистрироваться, купить, посмотреть портфолио]

Страницы:
1. Главная
2. О продукте
3. Тарифы
4. FAQ
5. Контакты

Структура главной страницы:
1. Первый экран с сильным заголовком и кнопкой
2. Краткое объяснение продукта
3. Основные преимущества
4. Как это работает
5. Примеры использования
6. Тарифы
7. Ответы на вопросы
8. Финальный призыв к действию

Стиль:
Минималистичный, современный и серьёзный.
Используй белый фон, чёрный текст и один акцентный цвет.
Не используй лишние градиенты, стеклянные карточки и чрезмерные анимации.
Сайт должен выглядеть как настоящий технологический продукт, а не шаблон AI-конструктора.

Технические требования:
- адаптация под телефон и компьютер;
- понятная навигация;
- высокая контрастность текста;
- быстрые и аккуратные анимации;
- рабочие кнопки;
- понятные состояния наведения;
- отсутствие горизонтального скролла;
- единая система отступов;
- доступная типографика.

Сначала создай общую структуру и приватное превью.
Не публикуй сайт, пока я не проверю результат.

Часть 10. Пример промпта для лендинга AI-сервиса

@Sites

Создай одностраничный сайт для AI-сервиса, который помогает автоматически превращать длинные видео в короткие вертикальные ролики.

Целевая аудитория:
Блогеры, эксперты, небольшие агентства и владельцы бизнеса.

Основное действие:
Пользователь должен понять ценность продукта и нажать кнопку «Попробовать бесплатно».

Структура:
1. Первый экран
2. Демонстрация работы продукта
3. Три основных преимущества
4. Как работает сервис
5. Примеры готовых роликов
6. Тарифы
7. FAQ
8. Финальный CTA

Тексты должны быть короткими, понятными и без корпоративных штампов.

Дизайн:
Серьёзный технологичный минимализм.
Светлый фон, чёрная типографика, оранжевый акцент.
Крупные заголовки.
Карточки с небольшим скруглением.
Много свободного пространства.
Не используй чрезмерное количество градиентов и декоративных элементов.

Добавь:
- адаптивную мобильную версию;
- интерактивный пример загрузки видео;
- переключатель тарифов;
- рабочие состояния кнопок;
- плавные, но ненавязчивые анимации.

Сначала создай приватное превью. Не публикуй сайт автоматически.

Часть 11. Как правильно вносить изменения

После первой генерации не просите переделать весь сайт одним сообщением.

Исправляйте его по частям.

Пример изменения первого экрана

Измени только первый экран.

Сделай заголовок короче и конкретнее.
Уменьши высоту блока.
Добавь справа реалистичный интерфейс продукта.
Основную кнопку сделай заметнее.
Остальные секции пока не меняй.

Пример изменения мобильной версии

Проверь мобильную версию сайта.

Исправь:
- слишком крупные заголовки;
- маленькие отступы между секциями;
- кнопки, которые не помещаются по ширине;
- горизонтальный скролл;
- карточки, которые выглядят слишком узкими.

Десктопную версию не меняй без необходимости.

Пример проверки качества

Проведи полное ревью сайта перед публикацией.

Проверь:
- адаптивность;
- визуальную иерархию;
- контрастность;
- орфографию;
- работу кнопок;
- ссылки;
- формы;
- переполнение текста;
- состояния загрузки и ошибок;
- отображение на мобильном устройстве;
- отсутствие горизонтального скролла.

Сначала перечисли найденные проблемы. Затем исправь их.

Часть 12. Публикация сайта

Когда сайт готов:

1. Сохраните текущую версию.
2. Ещё раз откройте приватное превью.
3. Проверьте мобильную и десктопную версии.
4. Нажмите Deploy или Publish.
5. Настройте доступ.
6. Скопируйте готовую ссылку.

После публикации ChatGPT создаёт production URL. Это уже рабочая ссылка, которую можно отправлять другим людям.

Важное правило обновления

Не публикуйте каждое промежуточное изменение сразу.

Сначала:

1. сохраните новую версию;
2. проверьте превью;
3. убедитесь, что ничего не сломалось;
4. только затем обновляйте опубликованный сайт.

Каждое развёртывание считается production-версией. Поэтому привычка «сейчас быстро поправлю одну кнопку» иногда заканчивается исчезновением половины главной страницы.

Часть 13. Ограничения Sites

Во время публичной беты действуют лимиты, зависящие от тарифа.

Ограничиваться могут:

• количество созданных сайтов;
• объём хранения;
• использование опубликованных сайтов;
• доступность сайта при высокой нагрузке.

Актуальный лимит отображается непосредственно в интерфейсе Sites. OpenAI предупреждает пользователя при приближении к ограничению.

Если лимит закончился, можно по-прежнему редактировать и управлять существующими сайтами, но создание новых сайтов, увеличение хранилища или публичная доступность нагруженного проекта могут быть временно ограничены.

Часть 14. Sites или обычный проект Codex

Используйте Sites, когда нужно:

• быстро создать сайт без ручной настройки хостинга;
• получить готовую ссылку;
• сделать лендинг;
• создать небольшой интерактивный сервис;
• показать прототип;
• собрать внутренний инструмент;
• не разбираться с сервером и деплоем.

Используйте обычный проект Codex, когда нужно:

• полностью контролировать исходный код;
• хранить проект в GitHub;
• использовать собственный сервер;
• подключать сложный backend;
• настраивать базы данных;
• использовать собственный домен и инфраструктуру;
• строить полноценный коммерческий продукт;
• переносить проект между хостингами.

Практическое правило

Sites подходит для быстрого запуска и проверки идеи.

Codex-проект подходит для продукта, который вы собираетесь долго развивать и полностью контролировать.

Можно начать с Sites, проверить интерес аудитории, а затем создать полноценную версию через Codex.

Часть 15. Что делать, если вкладки Sites нет

Проверьте следующие пункты:

1. Установлено именно новое приложение ChatGPT, а не ChatGPT Classic.
2. Приложение обновлено до последней версии.
3. Оплачена подходящая подписка.
4. Вы вошли в правильный аккаунт.
5. Вы используете режим Work или Codex.
6. Ваш регион поддерживается.
7. Вы попробовали написать @Sites вручную.
8. Функция уже дошла до вашего аккаунта.

Sites разворачивается постепенно. Даже два пользователя с одинаковым тарифом могут получить доступ в разные дни.

Часть 16. Рекомендованный порядок работы

1. Оплатите ChatGPT Plus.
2. Установите новое приложение ChatGPT.
3. Проверьте наличие Work, Codex и Sites.
4. Создайте сайт через @Sites.
5. Сначала сформируйте структуру.
6. Затем настройте дизайн.
7. Отдельно проверьте мобильную версию.
8. Проведите ревью.
9. Сохраните финальную версию.
10. Опубликуйте сайт.
11. Для более сложного продукта создайте отдельный проект в Codex.
12. Добавьте AGENTS.md и Git, прежде чем начинать крупную разработку.

Краткий итог

Для создания сайта не нужно отдельно покупать API или оплачивать Codex.

В большинстве случаев достаточно:

• подписки ChatGPT Plus;
• нового приложения ChatGPT;
• режима Work или Codex;
• команды @Sites;
• подробного описания сайта.

Sites позволяет быстро создать и опубликовать сайт внутри ChatGPT. Codex нужен, когда требуется полноценная работа с кодом, файлами и архитектурой проекта.

2. Создаешь новый проект.

3.Кидаешь в чат свое видео

4.Выставляешь настройки

5.Пишешь промпт. Тут можно эксперементировать, смотря что тебе нужно, вот какой был у меня:
"

Превратите это необработанное видео с говорящей головой в высококачественный, вирусный ролик для социальных сетей с помощью монтажа с сохранением качества, кинематографической анимационной графики и современных визуальных эффектов в стиле создателя контента.
Главный приоритет, не подлежащий обсуждению: оригинальный звук и его точный темп, время и скорость должны оставаться полностью неизменными — никаких пауз, заморозок, задержек, замедлений или изменений скорости в любом месте видеоматериала. Все остальные указания в этом задании (текстовая анимация, движения камеры, переходы, дополнительные кадры, темп монтажа) являются второстепенными и должны быть адаптированы к исходной неизмененной временной шкале, никогда наоборот. Если какой-либо эффект потребует замедления, паузы или удлинения видеоматериала, упростите или пропустите этот эффект вместо изменения времени.
Сохраните оригинальный голос говорящего, оригинальный звук и оригинальную одежду полностью неизменными — не изменяйте, не перекрашивайте и не модифицируйте внешний вид, одежду или тон кожи объекта каким-либо образом. Сохраните видеоматериал в его первоначальном виде и добавляйте только слои монтажа поверх него; Также меняйте ракурсы камеры: с высоких и низких, слева и справа.
Дизайн субтитров должен быть основным визуальным элементом, а не просто субтитрами. Весь текст и субтитры на экране должны быть на русском языке и точно соответствовать словам, произнесенным в оригинальной аудиозаписи. Используйте следующую расшифровку в качестве авторитетного источника произнесенных слов — не расшифровывайте аудио самостоятельно, не придумывайте, не изменяйте, не опускайте и не угадывайте слова; используйте только предоставленный ниже текст в точном порядке, синхронизированный с моментом произнесения каждого слова или фразы:
{{{Сюда вставляешь текст-транскрибацию твоих слов в видео}}}

Сделай полностью динамичный и профессиональный монтаж видео, добавляй на экран то, что я произношу в тексте. Монтаж должен быть современным, с большим количеством интересных анимаций, добавлением картинок, графиков, разного вида и размера текста. Монтаж должен быть в тему к словам, которые я произношу.
Добавьте профессиональный звуковой дизайн, включая свисты, удары, свайпы, щелчки, нарастания, звуки переходов и едва заметное кинематографическое улучшение звука — все синхронизировано с оригинальным аудио.
Поддерживайте быстрый темп с значимыми визуальными изменениями каждые несколько секунд для максимального запоминания.
Убедитесь, что движения рук и жесты совпадают с загруженным видео, а аудио и синхронизация губ также остаются аналогичными исходному видео.

"

6. Подтверждаешь создание и ждешь результат

P.S. В день тебе дается 50 кредитов на бесплатном тарифе. 1 генерация стоит 20 кредитов. Если хочешь больше - в другом браузере авторизуешься через другой gmail аккаунт.

2.Теперь заходишь в приложение, создаешь новый чат и даешь ему конкретную настройку для этого чата:
"Ты не просто ассистент, ты мой советник. Будь строгим и критичным, говори все как есть, без утаивания. Не утешай меня а спорь и настаивай."

3.Теперь пишешь ему задачу, например анализ:
"Ты мой личный аналитик. Полностью проанализируй мой instagram аккаунт, проверь точно данные, последний ролик я выкладывал (пишешь число) чтобы ты проверял актуальные данные. Изучи все мои посты и видео, просмотры, количество подписчиков, шапку профиля и аватарку. Дай мне результат анализа, почему мои видео(пишешь, что именно нужно). Составь оценку моему профилю по шкале от 1 до 10 и опиши, почему именно так, чего не хватает, что стоит добавить. Дай советы по увеличению охватов, просмотров, набору подписчиков, на какие темы мне снимать видео, предложи идеи."

Примерно такой промпт, тут можно уже добавить от себя, что еще хочется проверить.

Также его можно просить найти лучшие рилс идеи за последнее время, так как Мета AI интегрирован в инстаграм, он имеет доступ к видео и их статистике.

+он может давать советы по работе с алгоритмами, как улучшить видео, когда их залить/перезалить, как это лучше сделать.
Это буквально карманный аналитик инстаграм, который расскажет тебе все что знает и может рассказать.

Пробуй!

2.Также подключаем Facebook, тогда можно будет добавить бесплатно 5 конкурентов, которых хотим анализировать. Подключили и добавили ссылки на аккаунты.

Теперь подключение к ИИ.
1.Идем сюда и внизу копируем ссылку на подключение MCP к Claude.

2.Идем в Claude-Customize-Connectors-Add-Add custom connector. Пишем Metricool и вставляем ссылку, которыю скопировали ранее

3. Подтверждаем коннект.

4.Идем в Cowork и просим его через Metricool проверить instagram аккаунт или другие соц.сети. Сравнить с конкурентами и т.д.

Предлагаю использовать вот такой Промпт для этого:
"Сам промпт"

Вот и все, пользуйся!

2.Переходим и ищем Canva

3.Подключаем

4.Возвращаемся в чат, создаем картинку и пишем в чат "@Canva сделай изображение редактируемым", или что конкретно хотим изменить "@Canva удали фон"

5.Переходим по изображению в Canva и меняем то, что хотим.

6.Сохраняем готовое изображение

Пользуйся!

Прежде чем писать код — остановись и составь план. Код не трогай, пока я не подтвержу.

В плане дай:

1. Понимание задачи — переформулируй своими словами, что нужно сделать.
   Если в задаче есть неоднозначность — назови её и предложи безопасное допущение.
2. Список файлов, которые затронешь, с пометкой создать / изменить / удалить
   и одной строкой — что именно меняется в каждом.
3. Порядок действий — пронумерованные шаги в той последовательности,
   в которой будешь их выполнять.
4. Риски — где может сломаться: затронутые зависимости, обратная совместимость,
   побочные эффекты, граничные случаи.
5. Что НЕ входит в работу — чего ты сознательно не будешь трогать, чтобы не выйти за рамки.

Не пиши код, псевдокод и диффы на этом шаге — только план.
Жди моего «ОК», и только потом приступай к реализации.

2. Ревью и баги

Сделай детальное ревью указанного кода. Ничего не исправляй — только находи и объясняй.
(Что ревьюим: <вставь файл / функцию / диапазон строк или приложи блок>)

Для каждой найденной проблемы укажи:

• Где — файл и строка (или фрагмент кода).
• Категория — логическая ошибка / необработанный край (null, пустой ввод, ошибка сети) /
  гонка или порядок выполнения / утечка ресурса / неверная обработка ошибок / типобезопасность.
• Серьёзность — критично / важно / мелочь.
• В чём суть — почему это баг и при каких входных данных он проявится (конкретный сценарий).
• Как починить — короткое предложение или фрагмент исправленного кода.

Отдельно проверь: что происходит при неожиданном вводе (пустое, null, очень большое,
некорректный формат, дубли, конкурентные вызовы).

Отсортируй находки от самой критичной к самой мелкой.
Если серьёзных проблем нет — скажи прямо, не выдумывай замечания ради объёма.

3. Тесты на бизнес-логику

Покрой тестами ключевую бизнес-логику проекта. Цель — ловить реальные баги в важных местах,
а не гнаться за покрытием.

Сначала (до написания тестов) дай короткий список кандидатов:

• какие функции/модули считаешь критическими и почему
  (поломка ломает приложение, содержит нетривиальную логику или правила безопасности);
• что сознательно НЕ покрываешь (тривиальные прокладки, геттеры, баррелы, конфиг) — одной строкой.
  Жди моего «ОК» по списку, потом пиши тесты.

Требования к тестам:

• Используй тестовый стек проекта (Vitest), файл рядом с кодом (*.test.ts).
• Внешние зависимости и env — мокать, реальные ключи не нужны.
• Покрывай: happy path + граничные случаи + пути ошибок (ветвления, лимиты, классификация ошибок).
• Каждый тест — с понятным названием, описывающим проверяемое поведение.

Для каждого покрытого модуля одной строкой объясни: что проверяет тест и почему это важно.
В конце убедись, что npm test зелёный.

4. Аудит безопасности

Проведи аудит безопасности проекта. Ничего не исправляй автоматически — сначала отчёт.

Проверь как минимум:

• Эндпоинты: какие открыты без авторизации, где отсутствует или неверна проверка доступа,
  есть ли утечка чужих данных (нарушение скоупа по user_id).
• Инъекции: SQL/NoSQL, командные инъекции (особенно вызовы внешних утилит), path traversal.
• Валидация и санитизация входных данных на границе системы (API, формы).
• Секреты: хардкод ключей/токенов в коде вместо env.
• Зависимости с известными уязвимостями.
• Обработка ошибок: не утекают ли в ответ стектрейсы, внутренние пути, детали окружения.
• (Если есть веб-вывод) XSS и небезопасный рендер пользовательских данных.

Для каждой находки:

• Критичность — Critical / High / Medium / Low (по влиянию + простоте эксплуатации).
• Где — файл и строка.
• Сценарий атаки — как именно это можно проэксплуатировать.
• Как исправить — конкретно, с фрагментом кода или указанием подхода.

В начале дай сводку: число находок по уровням и топ-3, что чинить первым.
Если категория чистая — отметь это явно. Не раздувай отчёт ложными срабатываниями.

5. Нагрузочный тест (анализ масштабируемости)

Проанализируй поведение проекта под нагрузкой при 100, 500 и 1000 одновременных пользователях.
Это аналитический разбор по коду и архитектуре, а не запуск реального нагрузочного теста
(если хочешь предложить сценарий/скрипт для k6/autocannon — предложи отдельно).

Сначала зафиксируй вводные:

• Какой путь нагружаем — основной эндпоинт/флоу и что он делает по шагам.
• Где в этом флоу синхронные блокирующие или долгие операции
  (внешние API, скачивание, транскрипция, запросы к БД, работа с файлами/диском).

Для каждого уровня (100 / 500 / 1000) опиши:

• Что произойдёт — где копятся очереди, растёт latency, исчерпываются ресурсы
  (CPU, память, пул соединений к БД, файловые дескрипторы, лимиты внешних API, диск).
• Узкое место — что упрётся в потолок первым и при каком примерно числе пользователей.

Затем:

• Назови компонент, который ляжет первым, и почему.
• Для каждого слабого места дай конкретное решение
  (очередь/воркеры, кэш, пул соединений, rate limiting, бэкпрешер,
  горизонтальное масштабирование, перевод синхронного флоу в асинхронный)
  с оценкой эффекта и сложности внедрения.

Приоритизируй рекомендации: что даст наибольший прирост устойчивости при наименьших усилиях.