Transcription
Привет, снова со мной Наден. В этом видео я хочу поделиться тем, как вы можете запускать несколько агентов параллельно, чтобы вы могли сравнить и выбрать лучшее решение для вашего проекта.
Менеджер агентов Kilo Code — это расширенная функция, которая позволяет вам инициировать и контролировать агентов Kilo Code и запускать их в фоновом режиме. Вы можете использовать эту функцию для одновременного запуска нескольких агентов. Исследуйте различные решения, предложенные параллельными агентами, а затем выберите лучшее решение.
Недавно Kilo Code обновил свой менеджер агентов, добавив больше функций, таких как поддержка изображений, выбор другой модели ИИ для задачи, а также несколько улучшений пользовательского интерфейса, которые облегчают навигацию, просмотр и тестирование работы агентов.
Я быстро покажу вам, как использовать эту функцию. Но сначала позвольте мне представить проект, который будет использоваться для этой демонстрации.
Здесь у нас есть проект панели управления для малого бизнеса, созданный с использованием Nex.js и TWIN CSS. Если мы откроем файл readme здесь, мы можем увидеть информацию о стеке технологий. Он использует Nex.js16, TypeScript, Telwin CSS, Drizzle для OM и SQLite для базы данных, а также несколько других библиотек.
Давайте откроем проект в браузере. Итак, вот он. У него есть панель управления и несколько меню. Некоторые были разработаны, например, эта страница клиентов, а другие еще не закончены. Сегодня мы собираемся создать здесь страницу календаря, добавить способ для пользователей создавать и просматривать события, связанные с бизнесом.
У меня уже есть изображение, которое можно использовать в качестве ссылки для этой страницы здесь. Итак, есть столбец предстоящих событий, несколько категорий, а также ежемесячный просмотр календаря.
Теперь, прежде чем мы перейдем к самой интересной части, не забудьте подписаться на мой YouTube-канал, чтобы не пропустить ни одного нового видео, которые действительно могут повысить ваши навыки. Также нажмите на колокольчик, чтобы получать уведомления всякий раз, когда выходит новое видео. Большое спасибо за поддержку канала. Вы действительно помогаете мне создавать полезные видео, как это.
Хорошо, давайте вернемся в VS Code, а затем в пользовательском интерфейсе боковой панели Kilo Code нажмите на значок в верхней части здесь. Это откроет пользовательский интерфейс менеджера агентов Kilo. Позвольте мне сначала закрыть боковые панели.
Хорошо, в этом интерфейсе у вас есть окно чата, куда вы можете ввести свой запрос, а затем есть несколько опций внизу здесь. Во-первых, значок изображения здесь позволяет вам добавлять изображения для отправки агенту. Поэтому я прикреплю изображение пользовательского интерфейса календаря, которое я показывал ранее. И теперь изображение прикреплено здесь.
Далее я добавлю запрос на создание адаптивного ежемесячного просмотра календаря, как показано на скриншоте. Добавить навигацию по следующему или предыдущему месяцу. Пользователи могут нажать на дату, чтобы открыть модель и добавить событие с заголовком, временем и цветовой категорией. Там остальные детали для страницы календаря. А затем я скажу ему повторно использовать как можно больше существующих компонентов.
Хорошо. Далее вы можете выбрать модель для использования в этой сессии. Здесь вы можете использовать все модели, поддерживаемые Kilo Gateway. На момент этой записи доступно несколько бесплатных моделей, таких как GLM 4.7, Minimax 2.1 и Giga Potato. У нас также есть Kim K 2.5 здесь, но я пока буду использовать Sonat 4.5. Хорошо.
Далее мы также можем выбрать, запускать ли эту сессию локально или в изолированной ветке рабочего дерева Git, чтобы сохранить основную ветку чистой. Кроме того, мы также можем выбрать, сколько агентов мы хотим запустить здесь. Например, давайте выберем создание трех версий. Это означает, что Kilo создаст трех ИИ-агентов, которые попытаются выполнить данную задачу. Обратите внимание, что при запуске параллельных агентов все агенты всегда будут работать в Git, чтобы избежать конфликтующих изменений.
Хорошо, я думаю, этот запрос готов. Итак, давайте нажмем Enter и позволим Kilo Code обработать запрос. Через несколько секунд первый агент появится здесь слева, а затем второй агент, а затем третий агент. Все эти три агента будут работать над выполнением данной задачи в отдельных рабочих деревьях. Агентам потребуется несколько минут для выполнения задачи. Поэтому я перемотаю вперед до момента, когда они закончат.
Хорошо. Итак, агенты закончили обработку запросов здесь. И если мы переключимся на другие версии, они также были завершены. Вот версия два. А вот агент версии один. Теперь, чтобы протестировать и просмотреть результаты, вам нужно будет открыть рабочее дерево. По сути, вам нужно выполнить несколько команд терминала, чтобы найти имя рабочего дерева, а затем перейти к рабочему дереву для доступа к файлам. Но с этим новым менеджером агентов вы теперь можете просто нажать на маленький значок терминала в правом верхнем углу здесь. Когда вы нажмете эту кнопку, она откроет терминал в правильном каталоге рабочего дерева Git. Таким образом, вы можете просто запустить команду npm rundev, чтобы протестировать работу агента.
Хорошо, теперь мы можем открыть локальный хост в браузере, а затем давайте перейдем на страницу календаря. Вот мы и здесь. Итак, страница календаря теперь создана. У нее есть ежемесячный просмотр календаря, а также предстоящие события и категория, которые нужно просмотреть здесь. Давайте попробуем создать новое событие встречи здесь. Заполним некоторые фиктивные данные. Хорошо, кажется, все работает нормально. Теперь давайте попробуем добавить еще одно. Может быть, это день рождения. Хорошо, мы можем ввести событие без каких-либо проблем. Они также видны в столбце предстоящих событий. Теперь давайте попробуем переключить категорию здесь. И да, мы также можем скрыть все события этой конкретной категории, что очень хорошо.
Итак, я думаю, версия один здесь хороша. Так что давайте проверим и другие результаты. Вернувшись в VS Code, давайте откроем сессию версии два, чтобы открыть проект в терминале. Теперь, если вы хотите просмотреть файлы, сгенерированные ИИ, вы можете просто запустить code, а затем пробел и точку, как показано ниже. Это должно открыть все рабочее дерево в новом окне VS Code, где мы можем проверить работу агента, просмотреть редактируемые или создаваемые файлы прямо в VS Code. Как только вы закончите, вы можете вернуться в другое окно, а затем запустить команду npm rundev, чтобы снова запустить приложение.
Хорошо, вот версия два страницы календаря. Я думаю, что пользовательский интерфейс ежемесячного календаря здесь немного отличается по стилю по сравнению с версией один. Кроме того, кажется, он выделил неправильную дату. На момент этой записи это 2 февраля, но просмотр календаря здесь, кажется, считает, что это 3 февраля. Но давайте пока попробуем создать новое событие. Попробуйте добавить встречу здесь. Хорошо, мы можем создать событие без проблем, за исключением того, что дата неверна. Например, когда мы нажимаем на пятое число здесь, детали события здесь отображаются как четвертое. Так что определенно есть ошибка во второй версии. Но, помимо даты, все, кажется, работает нормально.
Наконец, давайте попробуем третью версию. Откройте сессию в менеджере агентов Kilo, а затем снова нажмите на значок терминала. Запустите команду npm rundev. И теперь мы можем просмотреть третью версию страницы календаря здесь. Кажется, календарь выделяет правильную дату. Э-э, но когда я создаю событие здесь, оно также показывает предыдущую дату. Так что я думаю, что у этой версии та же ошибка, что и у второй. Остальное, кажется, в порядке, хотя.
В целом, мы протестировали все три версии страницы календаря. Я думаю, я хочу оставить версию один. Итак, давайте создадим запрос на слияние, чтобы объединить изменения в основную ветку.
Теперь менеджер агентов также имеет новые функции, чтобы сделать это довольно удобным. Во-первых, этот значок в правом нижнем углу создаст новое рабочее дерево Git в виде новой ветки. Если вы нажмете на него, он отправит новый запрос агенту с просьбой добавить все изменения и зафиксировать их. На основе результатов diff Kilo Code затем сгенерирует сообщение коммита, описывающее изменения, а затем зафиксирует их в новой ветке.
Если вам понравилось это видео и вы хотели бы поддержать канал, вы можете рассмотреть возможность пожертвования моему каналу через опцию «Суперспасибо» ниже. Или вы можете рассмотреть возможность присоединения к моему членству на YouTube, где вы можете получить доступ к эмодзи этого канала, получить ранний доступ к новым видео, плюс многое другое.
Здесь мы видим уведомление от Kilo Code: параллельный режим завершен, и все изменения зафиксированы в этой конкретной ветке, обычно по имени рабочего дерева. Затем вы можете объединить или выборочно применить изменения из ветки по своему усмотрению. Но если вы хотите создать запрос на слияние, то менеджер агентов также может помочь с этим. Вы можете просто нажать на значок создания запроса на слияние рядом со значком рабочего дерева.
Теперь обратите внимание, что для создания запроса на слияние вам необходимо установить GitHub CLI на ваш компьютер, так как Kilo Code будет его использовать. Итак, если вы еще этого не сделали, просто перейдите на cli.github.com, а затем установите его на свой компьютер. После этого нажмите на значок создания запроса на слияние, и агент будет работать над созданием запроса на слияние.
Хорошо. Здесь агент предложил детали запроса на слияние. Вы можете просмотреть имя ветки, заголовок PR и описание. Если вы хотите что-то изменить, вы можете выбрать опцию «Позвольте мне предоставить пользовательские детали» здесь. Но я думаю, что рекомендация хороша. Так что давайте согласимся с предложенными вариантами. Kilo Code позаботится об остальном, поскольку он отправит изменения в ваш репозиторий GitHub. Пройдите аутентификацию с помощью инструмента GitHub CLI, а затем создайте запрос на слияние.
Здесь вы можете видеть, что он выполняет команду GitHub PR create из CLI. И как только это будет завершено, агент опишет, что было сделано, и мы сможем увидеть URL-адрес запроса на слияние. Итак, давайте перейдем туда, и здесь мы можем увидеть запрос на слияние, созданный агентом. Объедините его с основной веткой и позвольте другим просмотреть и обсудить этот запрос на слияние.
Итак, вот оно. Менеджер агентов Kilo Code позволяет запускать несколько агентов параллельно, используя определенную модель, чтобы вы могли сравнить результаты и выбрать лучший. Вы можете использовать любую модель, поддерживаемую Kilo, изображение в качестве ссылки, а также создавать ветки и запросы на слияние все в одном месте, что делает его очень удобным. Если вы хотите узнать больше об этой функции, вы можете посетить страницу документации, предоставленную командой. Это поможет вам понять и использовать эту функцию в вашем собственном проекте.
И это подводит нас к концу этого видео. Теперь вы знаете, как запускать параллельных агентов в Kilo Code с помощью менеджера агентов. Надеюсь, вам всем понравилось сегодняшнее видео, и вы извлекли из него пользу. Дайте мне знать ваши мысли в комментариях ниже. Я присоединюсь к разговору и отвечу так часто, как смогу. Если вы новичок на канале, меня зовут Натан, и я помогаю вам научиться кодировать и использовать инструменты ИИ. Обязательно подпишитесь, если это то, что вы находите полезным. Не забудьте включить колокольчик уведомлений, поставить лайк этому видео, все хорошее, так как это действительно помогает этому каналу расти. С учетом сказанного, большое спасибо за просмотр до конца, и я увижу вас в других видео. Пока.