Интерфейс чата — основной способ взаимодействия с AI-помощником. Отправляйте сообщения, запрашивайте задачи, просматривайте ответы и отслеживайте прогресс — всё через разговорный интерфейс, адаптирующийся к вашему рабочему процессу.
Поле ввода чата
Внизу интерфейса чата находится область ввода, где вы набираете сообщения и запросы.
Текстовое поле
Основное текстовое поле поддерживает многострочные сообщения. Вводите столько текста, сколько нужно — поле расширяется автоматически до максимальной высоты. Для отправки нажмите Enter дважды: первый Enter вставляет новую строку, а второй Enter на получившейся пустой строке отправляет сообщение. Это предотвращает случайные отправки при составлении длинных сообщений.
Нажмите Ctrl+Enter (или Cmd+Enter на Mac), чтобы продолжить в новом чате вместо отправки в текущем. Используйте Ctrl+V или Shift+Insert для вставки из буфера обмена, включая изображения и файлы.
Кнопка отправки
Нажмите кнопку отправки для передачи сообщения. Вы можете отправлять новые сообщения в любой момент — даже когда AI ещё обрабатывает предыдущее. Дополнительные сообщения ставятся в очередь и обрабатываются по одному. Удерживайте Ctrl (или Cmd) и нажмите кнопку отправки, чтобы продолжить в новом чате.
Рядом с кнопкой отправки отдельная кнопка Продолжить (иконка стрелки вверх) также открывает сообщение в новом чате. И快捷 Ctrl+Click, и кнопка «Продолжить» отключены во время отправки сообщения.
Автодополнение команд
Введите / и имя навыка для быстрой загрузки навыка в контекст разговора. Появится выпадающий список со всеми активированными навыками, соответствующими вашему вводу.
- Введите
/для просмотра всех доступных навыков - Продолжайте ввод для фильтрации по имени навыка
- Навигация с помощью стрелок, выбор — Enter, Tab или стрелка вправо
- Нажмите Escape для закрытия выпадающего списка
- Нажмите на предложение для выбора
При выборе навыка из автодополнения /имянавыка автоматически заменяется на правильный формат команды: start with loading /имянавыка skill, с последующим переносом строки, чтобы можно было сразу ввести сообщение.
Кнопка микрофона
Кнопка микрофона видна только при включённом распознавании речи в настройках (Настройки → Распознавание речи). При включении используется модель Whisper, работающая на сервере — не встроенный API распознавания речи браузера.
Нажмите микрофон для начала записи. Появляется красный пульсирующий индикатор с ●. Говорите сообщение чётко, затем нажмите микрофон снова для остановки. Аудио отправляется на сервер для транскрипции, и полученный текст автоматически вставляется в поле ввода. Возле кнопки появляется спиннер во время обработки аудио.
Примечание: При первом использовании распознавания речи модель Whisper должна быть загружена в настройках. Доступно несколько моделей (tiny, base, small, medium, large, turbo) — большие модели обеспечивают лучшую точность, но работают медленнее. Также можно задать конкретный язык или использовать режим автоопределения.
Кнопка вставки
Кнопка вставки (иконка буфера обмена) появляется в правом верхнем углу текстового поля при наведении. Нажмите на неё или используйте Ctrl+V / Shift+Insert для вставки содержимого из буфера обмена.
Обработчик вставки умно обрабатывает содержимое буфера: обычный текст вставляется в позицию курсора, а изображения и файлы загружаются на сервер, и их пути вставляются в поле ввода. По умолчанию изображения попадают в assets/images, а файлы — в assets/files, относительно корня проекта. Файлы, превышающие ограничение размера, отклоняются с ошибкой-уведомлением.
Все настройки буфера обмена настраиваются в Настройки → Буфер обмена:
- Вставка изображений — Включение/отключение вставки изображений (включено по умолчанию)
- Путь для изображений — Относительный путь для загружаемых изображений (по умолчанию:
assets/images) - Вставка файлов — Включение/отключение вставки файлов (включено по умолчанию)
- Путь для файлов — Относительный путь для загружаемых файлов (по умолчанию:
assets/files) - Ограничение размера — Максимальный размер файла в МБ, диапазон 1–1000 (по умолчанию: 100 МБ)
Панель управления вводом
Ниже текстового поля панель управления обеспечивает быстрый доступ ко всем настройкам и инструментам чата. Управление разделено на левую и правую части:
Левая панель
- Окружение — Выпадающий список для выбора AI-модели, обрабатывающей запросы. Можно переключать окружения прямо в чате — изменение применяется к следующему отправленному сообщению. Подробнее в Окружения.
- Навык — Выпадающий список для выбора навыка (показывается только при наличии хотя бы одного включённого навыка). При выборе навыка модель автоматически загружает его при следующем сообщении, если он ещё не был загружен. Можно загружать дополнительные навыки по мере необходимости в течение чата. Подробнее в Навыки.
- AutoFix — Переключатель, включающий фоновый сервис, который отслеживает вывод сборки на наличие ошибок и предупреждений, затем автоматически отправляет их в чат для исправления AI. Подробнее в AutoFix.
Правая панель
- Заметки — Открывает боковую панель с канбан-досками для сбора отзывов, идей и наблюдений во время работы чата, организации их в колонки и карточки, и отправки прямо в чат когда готовы. Подробнее в Доски.
- Навыки — Открывает диалог навыков для просмотра и управления всеми доступными навыками. Подробнее в Навыки.
- Хуки — Открывает диалог хуков для настройки обработчиков событий, выполняемых автоматически в определённых точках рабочего процесса чата
- MCP — Открывает диалог MCP-серверов для управления серверами Model Context Protocol и их инструментами
- Микрофон — Начинает запись голоса (показывается только при включённом распознавании речи)
- Отправить / Продолжить — Кнопка отправки и кнопка «Продолжить» (см. Кнопка отправки)
Навыки
Навыки — это документы с инструкциями, похожие на CLAUDE.md, но загружаемые по запросу. В отличие от CLAUDE.md, каждый навык — это папка, которая может содержать поддокументы, скрипты, примеры кода и другие ресурсы. Загрузка навыка помещает его корневой файл SKILL.md в контекст AI, который затем контролирует загрузку остального содержимого навыка. Навыки можно загружать через выпадающий список Навык в панели управления вводом или путём ввода слеш-команд (/имянавыка) непосредственно в поле ввода.
При выборе навыка следующее отправленное сообщение автоматически указывает модели его загрузить. Дополнительные навыки можно загружать в любой момент разговора по мере необходимости. Нажмите кнопку Навыки в правой панели для открытия полного диалога навыков и управления всеми доступными навыками.
Подробнее о навыках в документации Навыков.
Продолжить в новом чате
«Продолжить в новом чате» позволяет перенести текущий контекст разговора и открыть его в отдельном окне чата. Новый чат сохраняет сессию Claude Code, поэтому AI сохраняет осведомлённость об истории разговора.
Это можно сделать несколькими способами:
- Ctrl+Enter (или Cmd+Enter) при вводе в поле ввода
- Ctrl+Click (или Cmd+Click) по кнопке отправки
- Нажать кнопку Продолжить (иконка стрелки вверх) рядом с кнопкой отправки
Если в выпадающем списке выбран навык или использована команда /имянавыка, префикс навыка автоматически включается в сообщение нового чата. Текущее поле ввода очищается, и новый чат открывается в новой вкладке браузера.
Селектор окружений
Выпадающий список окружений позволяет выбрать, какая AI-модель обрабатывает ваши запросы. Разные модели предлагают различные возможности, скорости и стоимость.
Доступные окружения
Типичные окружения включают:
- По умолчанию — Баланс производительности и скорости для большинства задач
- Быстрое — Быстрые ответы для простых запросов и итераций
- Премиум — Продвинутые рассуждения для сложных задач
- Своё — Специфичные для проекта модели, настроенные вашей командой
Переключение окружений
Нажмите на выпадающий список окружений для выбора другой модели. Выбор применяется немедленно к следующему отправленному сообщению. Селектор показывает текущее окружение и подсвечивает изменения от предыдущего выбора.
Подробнее о настройке окружений в документации Окружений.
Понимание ответов AI
В чате отображаются разные типы сообщений с различным визуальным оформлением. Каждый тип указывает на вид представляемой информации.
Сообщения пользователя
Ваши сообщения отображаются с зелёной рамкой с правой стороны чата. Это позволяет легко отличить ваш ввод от ответов AI.
Текстовые ответы AI
Стандартные текстовые ответы AI имеют синюю рамку. Они содержат разговорные ответы, объяснения и рекомендации AI. Текстовые ответы поддерживают markdown-форматирование, включая заголовки, списки, фрагменты кода и ссылки.
Чтение файлов
Когда AI читает файл, содержимое появляется в сворачиваемой панели. Нажмите на заголовок панели для разворачивания или сворачивания содержимого файла. Это сохраняет чат чистым, позволяя просматривать содержимое файлов при необходимости.
Панели чтения файлов показывают путь к файлу и количество строк. Большие файлы могут быть обрезаны для предотвращения перегрузки отображения чата.
Правки файлов
Когда AI изменяет существующий файл, изменения отображаются в виде diff-просмотра. Добавленные строки показаны зелёным, удалённые — красным, а неизменённые строки предоставляют контекст. Это показывает точно, что изменилось до и после.
Нажмите на путь к файлу для открытия diff-просмотра в большем размере при необходимости.
Запись и создание файлов
Когда AI создаёт новый файл или полностью перезаписывает существующий, полное содержимое файла отображается в блоке кода. Блок кода включает подсветку синтаксиса и нумерацию строк для удобства чтения.
Путь к файлу отображается над блоком кода, показывая, куда было записано содержимое.
Списки задач
Списки задач отображаются как интерактивные чек-листы. Каждый элемент показывает свой текущий статус: ожидает, выполняется или завершён. Вы увидите обновление списков задач в реальном времени по мере выполнения задач AI.
Списки задач помогают отслеживать многошаговые операции и понимать, какая работа осталась. Подробнее см. Плавающая панель задач ниже.
Вопросы AI
Когда AI нуждается в уточнении или дополнительной информации, он представляет кликабельные карточки вопросов. Каждая карточка показывает предложенный ответ. Нажмите на карточку для автоматической отправки ответа или введите свой в поле ввода чата.
Вопросы ускоряют взаимодействие, сокращая набор текста. Они особенно полезны для выбора между вариантами, подтверждения действий или предоставления структурированной информации.
Запросы разрешений
Сообщения, требующие вашего одобрения, отображаются с жёлтой рамкой. Они включают запросы на выполнение потенциально опасных операций, таких как удаление файлов, запуск команд или изменение базы данных.
Каждый запрос разрешения включает:
- Чёткое описание предполагаемого действия
- Конкретные файлы или затронутые ресурсы
- Кнопки «Разрешить» и «Запретить»
Вы должны одобрить эти запросы перед тем, как AI продолжит. Этот механизм безопасности предотвращает непреднамеренные изменения в вашей системе.
Сообщения об ошибках
Ошибки и сбои отображаются с красной рамкой. Эти сообщения объясняют, что пошло не так, и часто содержат предложения по исправлению проблемы. Типичные ошибки: файл не найден, доступ запрещён, неверный синтаксис команды.
Сообщения об ошибках сворачиваемы — нажмите, чтобы скрыть их из вида после прочтения. Скрытые ошибки остаются в истории чата, но остаются свёрнутыми.
Системные сообщения
Системные уведомления отображаются с серой рамкой. Они предоставляют информационные обновления, такие как «обработка запроса» или «операция выполнена успешно». Системные сообщения держат вас в курсе фоновой активности без прерывания потока разговора.
Действия с сообщениями
Наведите курсор на любой ответ AI для отображения кнопок действий. Эти быстрые действия помогают эффективно работать с содержимым сообщений.
Копировать
Нажмите кнопку «Копировать» для копирования текста сообщения в буфер обмена. Включая весь текст, блоки кода и форматирование. Используйте для получения объяснений, фрагментов кода или команд для использования в других местах.
Продолжить
Кнопка «Продолжить» (иконка воспроизведения) на любом ответе AI позволяет продолжить разговор с этого конкретного сообщения. Нажатие добавляет промпт продолжения в поле ввода, указывая AI продолжить с этой точки, забыв о том, что было сказано и сделано после неё. Это эффективно перематывает контекст разговора к этому сообщению.
Просмотр JSON
Нажмите «Просмотр JSON» для просмотра сырых данных сообщения в формате JSON. Это показывает внутреннюю структуру ответа, включая метаданные, вызовы инструментов и другие технические детали, не отображаемые в форматированном виде.
Просмотр JSON полезен для отладки, понимания того, как AI обработал ваш запрос, или извлечения структурированных данных из ответов.
Индикатор использования токенов
Вверху чата отображается индикатор использования токенов, показывающий, сколько токенов использовано в текущей сессии. Токены представляют объём текста, обработанного AI-моделью.
Чтение индикатора
Индикатор показывает два значения:
- Использовано — Токенов потреблено в этой сессии на данный момент
- Лимит — Максимальное количество токенов для текущего расчётного периода
Цветная заливка визуализирует использование относительно лимита. Зелёный означает большой запас, жёлтый — умеренное использование, красный — предупреждение о приближении к лимиту.
Подробная разбивка
Нажмите на индикатор использования токенов для просмотра подробной разбивки. Она показывает потребление токенов по каждому сообщению, разделяя входные токены (ваши сообщения) и выходные (ответы AI). Используйте эту разбивку для понимания, какие запросы потребили больше всего токенов, и оптимизации использования при необходимости.
Очередь сообщений
При быстрой отправке нескольких сообщений подряд они ставятся в очередь над полем ввода чата вместо немедленного выполнения. Система очереди обеспечивает последовательную обработку сообщений по одному.
Отображение очереди
Очередные сообщения отображаются как список над полем ввода. Каждое сообщение показывает свой текст и позицию в очереди. Счётчик указывает, сколько сообщений ожидает обработки.
Управление очередью
Три действия позволяют управлять очередными сообщениями:
- Пауза — Остановить обработку очереди. Текущее сообщение завершится, но последующие будут ждать до возобновления.
- Редактировать — Изменить очередное сообщение перед отправкой. Нажмите для изменения текста, добавления деталей или исправления опечаток.
- Удалить — Полностью удалить сообщение из очереди. Это отменяет конкретный запрос без влияния на другие очередные сообщения.
Очередь сообщений предотвращает перегрузку AI одновременными запросами. Она также даёт возможность скорректировать или отменить сообщения до их обработки.
Плавающая панель задач
Когда AI создаёт список задач для вашей сессии, плавающая панель появляется вверху по центру экрана. Эта панель предоставляет отдельное представление прогресса задач без перегрузки основной области чата.
Отображение статуса задач
Панель задач показывает все задачи в текущем списке с их текущим статусом:
- Ожидает — Задача ещё не начата
- Выполняется — Работа в процессе (подсвечивается)
- Завершена — Успешно выполнена (отмечена)
Только одна задача отображается как «выполняется» в каждый момент, обеспечивая ясное понимание того, что AI делает прямо сейчас.
Обновления в реальном времени
Панель задач обновляется автоматически по мере прогресса. Вы увидите, как задачи перемещаются от ожидания к выполнению к завершению в реальном времени. Это обеспечивает немедленную обратную связь о статусе операции без необходимости спрашивать «ты ещё не закончил?».
Сворачивание панели
Нажмите кнопку сворачивания (шеврон) в заголовке панели для скрытия панели задач. Панель сворачивается до маленькой вкладки на правом краю экрана. Нажмите на вкладку снова для разворачивания панели, когда нужно проверить прогресс.
Сворачивание панели не влияет на выполнение задач. AI продолжает работу по списку задач нормально, а обновления статуса продолжаются в фоне.
Панель задач особенно полезна для многошаговых операций, таких как рефакторинг кода, запуск тестов или выполнение сложных процессов сборки, где отслеживание прогресса важно.
Навигация
Продолжайте изучение документации:
Назад:
Начало работы
Далее:
Файлы