# Режим создания

Скажите одним предложением, что поменять на сайте, например «сделай мои сообщения уже». ИИ на этом сайте сделает изменение за вас, а Voyager проверит его перед установкой. Знать код не нужно, уходить со страницы тоже. Работает в Gemini, AI Studio, ChatGPT, Claude, DeepSeek и Kimi.

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

<GuideHero src="/assets/create-mode-hero-en-light.png" dark="/assets/create-mode-hero-en-dark.png" alt="Панель Voyager на вкладке «Создать»">

Начать можно в двух местах: на вкладке **Создать** в [панели Voyager](./panel.md) на странице или в карточке **Мои создания** во всплывающем окне Voyager (оно открывается значком Voyager на панели браузера).

</GuideHero>

## Создание на странице

<GuideOp>

Быстрее всего начать прямо на том сайте ИИ, который хотите изменить. Откройте там панель Voyager и выберите **Создать**.

<GuideShot kind="panel" src="/assets/create-mode-ask-en.png" alt="Вкладка «Создать»" :width="632" />

</GuideOp>

<GuideSteps>
<GuideStep>

Напишите одно предложение в поле **Что изменить?**, например «Сделай мои сообщения уже и скрой боковую панель». Затем нажмите **Создать на этой странице**.

</GuideStep>
<GuideStep>

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

</GuideStep>
<GuideStep>

Когда ИИ ответит, под ответом появится кнопка Voyager **Просмотреть и установить**.

<GuideShot src="/assets/create-mode-reply-en.png" alt="Кнопка под ответом ИИ" :width="267" />

</GuideStep>
<GuideStep>

Нажмите её. Панель покажет, что изменит создание, на каких сайтах оно работает, и всё, что попало в **Обратите внимание**. Если всё устраивает, нажмите **Установить и включить**, и изменение сразу появится. Передумали? Выключите его на вкладке **Функции**.

<GuideShot kind="panel" src="/assets/create-mode-review-en.png" alt="Проверка создания перед установкой" :width="632" />

</GuideStep>
</GuideSteps>

<GuideOp>

Чтобы поменять ещё что-то, пишите ИИ в том же чате.

- **Новая версия**: под новым ответом ИИ появится **Просмотреть обновление**. Проверьте и нажмите **Обновить и включить**. На старых ответах будет пометка **Предыдущая версия**.
- **Уже установлено**: на ответе, который вы установили, стоит **Установлен**.
- **Только в таких чатах**: кнопки появляются только в чате, начатом через **Создать на этой странице**. Для других чатов есть способ «Создание из всплывающего окна» ниже.

</GuideOp>

## Пусть ИИ увидит страницу

<GuideOp>

На вкладке **Создать** есть один переключатель: **Добавить устройство этой страницы, без её текста, чтобы ИИ писал под то, что на ней есть**. Он включён по умолчанию.

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

<GuideShot kind="panel" src="/assets/create-mode-structure-en.png" alt="Структура страницы без текста" :width="612" />

</GuideOp>

## Предупреждение о модели в Gemini

<GuideOp>

В Gemini есть несколько моделей. Flash и Flash-Lite облегчённые, и рабочее создание у них обычно не получается. Если новый чат будет на одной из них, вверху вкладки **Создать** появится предупреждение.

- **Что делать**: в предупреждении названа модель получше. Выберите её в меню моделей Gemini и нажмите **Проверить снова**.
- **Другой путь**: нажмите в предупреждении **Копировать для локального агента**, чтобы отдать задачу помощнику по программированию на вашем компьютере. См. [Создание своего плагина](./write-a-plugin.md).
- **Это не запрет**: это только предупреждение. **Создать на этой странице** всё равно работает.

<GuideShot kind="panel" src="/assets/create-mode-model-en.png" alt="Уведомление о модели Flash" :width="616" />

</GuideOp>

## Если установить не получается

<GuideOp>

ИИ не всегда справляется с первого раза. Тогда под ответом будет написана причина, например «В нём не указано, для какого сайта он».

- **Попросить исправить**: нажмите **Попросить исправить** под ответом. Voyager впишет проблемы в поле для сообщения, а отправите его вы.
- **Когда исправлено**: под исправленным ответом ИИ снова появится **Просмотреть и установить**.
- **Пока ничего не меняется**: неустановленное создание страницу не трогает.

<GuideShot src="/assets/create-mode-rejected-en.png" alt="Плагин нельзя установить: не указан сайт" :width="624" />

</GuideOp>

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

<GuideOp>

Всё установленное находится в **Мои создания**.

- **В панели**: группа **Мои создания** на вкладке **Функции**. У каждого создания своя строка со своим переключателем.
- **Во всплывающем окне**: в Gemini и AI Studio это карточка под **Облачная синхронизация**, если вы её не переместили. Туда ведёт **Перейти к** вверху окна. На других сайтах она под списком плагинов.
- **Удалить**: нажмите значок корзины в строке и подтвердите. Отменить это нельзя.
- **Перенести в другой браузер**: нажмите **Экспорт** у создания в **Мои создания** во всплывающем окне, чтобы получить файл. Импортируйте его в другом браузере.
- **Поделиться со всеми**: если создание пригодится другим, его можно предложить в Voyager. Как это сделать, см. [Участие в плагинах](./plugin-contribution.md).

</GuideOp>

### Автоматическая проверка

<GuideOp>

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

- **Здесь не работает**: если создание включено, но ничего не находит на этой странице, в его строке написано **Включено, но на этой странице ему ничего не соответствует**. Так бывает после смены дизайна сайта.
- **Страница зависла**: если создание с кодом заставило страницу зависнуть, Voyager уже выключил его, а в строке указана причина.
- **Попросить исправить**: в обоих случаях есть **Попросить исправить**. Нажмите, и Voyager откроет новый чат с уже вписанной проблемой. Панель закроется: прочитайте запрос и отправьте его.

<GuideShot kind="panel" src="/assets/create-mode-creations-en.png" alt="«Мои создания»" :width="414" />

</GuideOp>

## Перекраска Voyager

<GuideOp>

Создание может поменять и цвета самого Voyager. Просто скажите, например «сделай Voyager в цветах Nord».

- **Что меняется**: панели, меню, диалоговые окна, всплывающие сообщения и таймлайн Voyager, в светлой и в тёмной теме.
- **Что остаётся**: цвета самого сайта и текст, который Voyager пишет прямо на странице сайта, чтобы он не сливался с фоном. Всплывающее окно Voyager не меняется.
- **Как вернуть**: выключите создание, и цвета вернутся.

</GuideOp>

## Создание из всплывающего окна

<GuideOp>

Чтобы обойтись без нового чата или отдать работу другому чату или ИИ, начните с **Мои создания** во всплывающем окне. Туда ведёт **Создайте своё** в конце списка плагинов.

</GuideOp>

<GuideSteps>
<GuideStep>

Напишите одно предложение в поле **Что изменить?**. Поле **Сайт** под ним показывает текущий сайт. Смените его, если создание для другого сайта.

</GuideStep>
<GuideStep>

Нажмите **Копировать для этого чата**. Вставьте скопированный текст в чат с ИИ на этом сайте и отправьте.

</GuideStep>
<GuideStep>

Когда ИИ ответит, скопируйте ответ целиком, вставьте его в поле **Вставьте ответ ИИ** и нажмите **Проверить ответ**.

</GuideStep>
<GuideStep>

Voyager простыми словами скажет, что изменится. Нажмите **Импортировать**, а затем включите создание в списке плагинов. Созданное так сначала выключено.

</GuideStep>
</GuideSteps>

<GuideOp>

Здесь Voyager сам ничего не отправляет. Текст в чат и ответ обратно переносите вы.

</GuideOp>

## Создания, которые выполняют код

<GuideOp>

Большинство созданий меняют только внешний вид. Некоторым просьбам этого мало, например посчитать ваши сообщения или что-то сделать по клику. Для них ИИ делает создание, которое выполняет код. При проверке у него стоит пометка **Запускает код**.

</GuideOp>

### Как включить

<GuideOp>

- **Сначала посмотрите**: проверка показывает сайты, где оно работает, и весь его код. Оно видит всё на этих страницах, включая ваши чаты. Voyager не может помешать ему отправить увиденное куда-то ещё. Поэтому включайте только то, чему доверяете.
- **Установить и включить**: включает ровно ту версию, которую вы посмотрели. Новая версия от ИИ будет выключена, пока вы её не посмотрите. Переключатель действует только на этом устройстве.
- **Разовая настройка браузера**: браузер должен разрешить Voyager запускать такие создания. Нажмите **Открыть страницу Voyager**, включите **Разрешить пользовательские скрипты** (Allow User Scripts), вернитесь и нажмите **Я включил**.
- **Браузеры**: Chrome или Edge 133 и новее на компьютере. В Safari, Firefox и на телефонах создание остаётся установленным, но приостановлено. Можно попросить у ИИ версию, которая меняет только вид страницы.

<GuideShot kind="panel" src="/assets/create-mode-scripted-en.png" alt="Создание, которое запускает код" :width="632" />

</GuideOp>

### Под контролем

<GuideOp>

В **Мои создания** у каждого создания с кодом написано **Включено, только на этом устройстве**, **Выключено** или **Приостановлено**. У приостановленных указана причина.

- **Остановить все**: нажмите **Остановить все создания, запускающие код** внизу **Мои создания**. **Возобновить** запускает их снова.
- **Уже открытые страницы**: на них создания работают до перезагрузки. **Перезагрузить страницу** перезагружает текущую.
- **Зависшая страница**: если из-за них страница зависла, Voyager их выключит. При следующем открытии страницы уведомление скажет, какие именно.

</GuideOp>

## Что можно и чего нельзя

<GuideOp>

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

</GuideOp>

## Подробности

<GuideOp>

Здесь о том, как всё устроено внутри. Если вы просто пользуетесь, пропустите раздел.

- **Что такое создание**: локальный плагин из манифеста плагина и стилей. Ручное написание, правила и цветовые переменные для перекраски описаны в [Создание своего плагина](./write-a-plugin.md).
- **Что читает ИИ**: запрос ссылается на инструкции Voyager для сайта, например `https://voyager.nagi.fun/create/claude.md`, и ИИ отвечает одним блоком кода JSON. Voyager показывает свои кнопки только в чате, где сообщение содержит эту ссылку. Поэтому для способа через всплывающее окно ИИ должен уметь открывать ссылки.
- **Устройство страницы**: какие элементы страницы распознаёт Voyager и сколько их, а также дерево элементов вокруг последнего ответа и вашего последнего сообщения. Без текста и адресов; значения атрибутов, похожие на id, почту или длинные числа, тоже убираются.
- **Предупреждение о модели**: Voyager смотрит, какую модель получит новый чат. Если включена [Модель по умолчанию](./default-model.md), он судит по ней. Он проверяет снова, когда вы возвращаетесь в панель.
- **Автоматическая проверка**: Voyager смотрит только, находят ли стили и изменения страницы из создания что-нибудь на текущей странице. Наведение, фокус и создания, которые только вызывают встроенные функции, не учитываются.
- **Выполнение кода**: через пользовательские скрипты Chrome (user scripts) и только на сайтах из списка создания. До Chrome 138 переключатель называется **Режим разработчика** и находится вверху `chrome://extensions`.

</GuideOp>