Transcription
Gemini 3 Pro наконец-то вышел. Это была долгожданная модель ИИ от Google. И в этом видео мы протестируем эту модель ИИ на существующем проекте. Итак, это проект NexS, который у меня есть в VS Code, и это главная страница этого проекта. Что мы сделаем, мы создадим некоторые функциональные возможности внутри этого существующего проекта и посмотрим, на что способен Gemini 3 Pro. Потому что эта модель имеет окно контекста в 1 миллион и стоит 2 доллара за миллион входных токенов и 12 долларов за миллион выходных токенов. В идеале, мои ожидания от этой модели ИИ будут заключаться в том, чтобы она работала как Claude Sonnet 4.5 в задачах кодирования и агентирования, потому что Claude Sonnet 4.5 также имеет окно контекста в 1 миллион, и по стоимости она немного дороже, чем Gemini 3.0 Pro. Итак, в VS Code у меня есть этот ИИ-агент для кодирования, который называется Kilo Code. Так что мы будем тестировать эту модель через Kilo Code. Вы можете использовать клиент или root code или любой другой агент кодирования в нашем случае, но я просто собираюсь использовать Kilo Code. Итак, здесь, в Kilo Code, убедитесь, что вы выбрали Gemini 3 Pro в этом разделе выбора модели, и теперь убедитесь, что Gemini 3 выбран. Как только это будет сделано, просто нажмите на эту кнопку плюс, и теперь давайте просто дадим ему запрос. Итак, первая функция, которую я хочу добавить в этот проект, — это добавление системы аутентификации с использованием Clerk. Итак, я только что упомянул в своем запросе: вы находитесь в проекте Access, я создал новую главную страницу по адресу /landing one. Теперь я хочу добавить систему аутентификации с использованием Clerk, и вот детали. И теперь давайте просто предоставим ему детали из Clerk. Итак, это clerk.com. Я просто собираюсь зарегистрироваться, и как только я зарегистрируюсь, я просто создам новое приложение в Clerk. Я просто назову его Gemini 3 Pro. И теперь я могу просто выбрать здесь поставщиков входа. Я могу выбрать вход через электронную почту, вход через Google или, возможно, вход через Apple. И теперь я могу просто нажать на создание приложения. И теперь он предоставил эту документацию. И здесь вы также можете увидеть этот запрос. Итак, я просто скопирую этот запрос отсюда. И теперь я могу просто предоставить этот запрос здесь. Теперь я могу просто нажать Enter. И теперь давайте посмотрим, сколько времени Gemini 3 потребуется для интеграции этой системы аутентификации. Это самая простая задача, которую я мог бы дать Gemini 3 Pro. Итак, давайте начнем с простой задачи, а затем дадим ей более сложные задачи. Хорошо. Итак, как вы можете видеть, он уже начал работать. Первое, что Kilo Code делает, это читает эти файлы, которые являются файлом app/layout.ex, а затем это создало этот список дел, и первый шаг в этом списке дел — установить эту зависимость Clerk. Второй шаг — установить переменные окружения. Третий шаг — создать файл middleware.ts с middleware Clerk. А затем четвертый шаг — обновить файл app/layout.tsx с помощью Clerk Provider. И теперь он уже начал писать код. Это потрясающе. И теперь он обновляет эти переменные окружения. Итак, до сих пор прошло не более, я думаю, 40-45 секунд, и он уже начал работать над внесением изменений в код. Итак, давайте просто подождем, пока он быстро закончит эту задачу как можно скорее, потому что эта задача не так сложна. Если вы просто зайдете в документацию здесь, первое, что ему пришлось сделать, это просто установить эту зависимость. Второе — создать файл переменных окружения env и затем добавить эти переменные окружения. Третий шаг — создать файл middleware.ts, а затем добавить этот код в файл middleware.ts. И четвертый шаг — добавить Clerk Provider в ваш файл layout.tsx, и это все. И после этого вы можете просто запустить свой проект. Вот и все. Итак, давайте посмотрим, завершил ли он уже все эти задачи. Я думаю, сейчас он находится на этом этапе, который заключается в обновлении файла app/layout.tsx с помощью Clerk Provider. Так что это последний шаг из этой документации. Итак, до сих пор это заняло около 2 минут, я думаю, последние 2 минуты. Последние 2 минуты он уже работает. Я на самом деле создам отдельное видео, где я сравню Gemini 3 с Claude 4.5 и сделаю видео с пошаговым сравнением. Я создам отдельное видео, но пока давайте просто протестируем его производительность самостоятельно. И сейчас, я думаю, он завершил все задачи, и теперь мы должны быть готовы. Так что я думаю, он уже завершил задачу. Позвольте мне просто вернуться на мой сайт. Позвольте мне просто обновить. Хорошо, ему нужны ключи. Итак, позвольте мне просто перейти к моему файлу env env.local. И здесь я могу просто предоставить эти ключи из Clerk. Итак, я могу просто скопировать эти переменные окружения отсюда. Я могу просто вставить эти переменные окружения как есть. Сохранить. И теперь позвольте мне быстро обновить. Отлично. Итак, он уже обновился, и теперь он создал эти две кнопки: вход и регистрация. Уже была кнопка входа. Я думаю, он не добавил функциональность Clerk в этот вход, но он отдельно создал кнопку входа и регистрации. Я могу просто нажать на нее, и теперь он создал этот вход Clerk. Позвольте мне просто нажать на него, и вход должен работать нормально. Я могу просто выбрать свою электронную почту и затем нажать "Продолжить", и вход работает, как и ожидалось. Это потрясающе. Итак, теперь давайте дадим ему немного более сложную задачу. Позвольте мне попробовать интегрировать Gemini 3 Pro, ту же модель, которую мы используем для написания кода. Давайте попробуем интегрировать ту же модель в наш проект, а затем создать интерфейс чата и затем попробовать протестировать эту модель ИИ через этот интерфейс чата, который эта модель создаст сама. Итак, сейчас я на openrouter.ai, и я просто нажму "Создать API-ключ". Я могу просто создать API-ключ и просто назову этот API-ключ чем-то вроде Gemini 3 Pro. Нажмите "Создать", и я просто скопирую этот API-ключ отсюда. Я перейду в интерфейс запуска. Я просто предоставлю этот API-ключ здесь. И теперь я просто скопирую документацию из этого, фактически, пример кода из этой вкладки быстрого запуска отсюда, из Open Router. Теперь я могу просто перейти в раздел TypeScript, скопировать этот код отсюда как есть, потому что это пример кода, который показывает, как интегрировать эту модель ИИ Open Router в ваш проект. Итак, я просто предоставлю эту документацию или пример кода. Итак, я просто собираюсь предоставить это как пример кода. И теперь я могу просто дать ему запрос. Теперь, пожалуйста, создайте интерфейс чата в нашем проекте и используйте Gemini 3 Pro в качестве модели ИИ. Вот API-ключ Open Router, и вот пример кода. Вот и все. Итак, мой запрос завершен. Теперь я сначала указал ему, что нужно создать. Во-вторых, я предоставил ему API-ключ Open Router, и в-третьих, я предоставил пример кода. Теперь он сможет создать интерфейс чата, как и любой другой чат-бот ИИ, а затем он сможет интегрировать Gemini 3 Pro в этот интерфейс чата, а затем он также сможет добавить переменную окружения в этот файл env.local. Я думаю, он уже сделал это. Вот он. Open Router уже добавил этот API-ключ сюда. И теперь он собирается создать новый маршрут API здесь, в app/API/chat/root. Да, для интеграции это потрясающе. А затем последний шаг — создать интерфейс для создания пользовательского интерфейса для этого чат-бокса. Итак, давайте посмотрим, сколько времени это займет. Я не запускал секундомер. Итак, позвольте мне запустить таймер. Я просто запущу 3-минутный таймер. Так что мы увидим, сколько времени это займет для выполнения этой задачи. Итак, он все еще застрял на том моменте, чтобы создать этот маршрут для Open Router. А затем следующий шаг — он должен будет создать пользовательский интерфейс чат-бокса, этот интерфейс для этого чат-бокса. Хорошо. Хорошо, теперь он находится на последнем этапе, который является страницей пользовательского интерфейса чата по адресу app/chat/page.tsx. Это потрясающе. Есть некоторые. Хорошо, ошибок нет. Отлично. Итак, давайте посмотрим, сколько времени это займет для выполнения этой задачи. По-видимому, он уже завершил эту задачу. Я думаю, он завершил эту задачу примерно за 1 минуту 30 секунд. Это потрясающе. Теперь, позвольте мне просто вернуться к моему проекту. Вот мой проект. И теперь, позвольте мне просто посмотреть, где мой чат-бокс. Хорошо, где мой чат-бокс? Вот он. Наш чат-бокс создан по адресу /chat на этой странице. Отлично. Теперь я могу просто сказать ему "привет". Нажмите Enter. Теперь давайте посмотрим, ответит ли он. Я имею в виду, есть проблемы с пользовательским интерфейсом, но мы определенно можем исправить эти проблемы. Но пока он думает "привет". Отлично. Хорошо. Здравствуйте. Чем я могу вам сегодня помочь? Отлично. Итак, это детали рассуждения. Он только что предоставил это. Это означает, что вызов API сработал хорошо, и это означает, что Gemini 3 Pro интегрирован, и вызов API Open Router работает, как мы и ожидали. Это потрясающе. И в целом, кстати, обе эти задачи стоили около 0,57 доллара. Это нормально. Не слишком дорого, но да, давайте просто создадим новую задачу. Давайте просто дадим ему задачу создать главную страницу. Давайте просто проверим, насколько хорошо он создает дизайн фронтенда и главную страницу. Пожалуйста, создайте новую главную страницу для проекта по адресу /landing. Наша компания — компания по разработке агентов. Пожалуйста, создайте современную профессиональную главную страницу с использованием стоковых изображений. Я действительно хочу использовать некоторые стоковые изображения, а не, например, стандартные, которые он добавляет. Теперь я просто нажму Enter. И теперь давайте посмотрим, какую главную страницу он сможет создать. Я действительно хочу протестировать его возможности по созданию красивых высококачественных дизайнов фронтенда. Так что давайте посмотрим, сможет ли он это сделать или нет. Позвольте мне также запустить таймер, чтобы увидеть, сколько времени это займет для этой задачи. Хорошо. Итак, я думаю, что создание этой главной страницы не займет слишком много времени, потому что это будет всего лишь одна главная страница. Нет ничего сложного. Нет ничего такого, что ему не пришлось бы интегрировать какие-либо API-ключи или что-либо еще. Все должно быть просто супер просто и легко. просто простая главная страница. Итак, он уже создал этот файл page.tsx, а теперь он редактирует этот файл page.tsx и создает контент для этой главной страницы. И мы видим, что он уже создал для себя задачу. Первый шаг — создать файл app/landing/page.tsx с современным дизайном и стоковыми изображениями. Первый шаг выполнен. Второй шаг — проверить содержимое и структуру страницы. Итак, давайте посмотрим, сможет ли он проверить. Хорошо, отлично. По-видимому, он только что завершил второй шаг. И теперь, давайте просто. Хорошо, отлично. Задача выполнена. Я думаю, это заняло меньше минуты. Отлично. Это потрясающе. Хорошо, теперь позвольте мне перейти и просмотреть эту главную страницу. Позвольте мне просто открыть landing tool. LG2. Отлично. Он должен быть там. Отлично. Потрясающе. И он использовал это стоковое изображение по какой-то причине. Я не знаю, почему он использовал это изображение, потому что внутри, я думаю, в этой папке public, в этой папке assets, я добавил это изображение для другого проекта, но он использовал это изображение внутри этого проекта, и он создал своего рода нормальное изображение, не плохое, оно хорошее, не плохое, оно достаточно хорошее. Он не создал тот дизайн ИИ-слэба, который я обычно создаю с этой фиолетовой штукой, но в целом это хороший дизайн, не слишком хороший, но это простой базовый хороший дизайн. Теперь я хочу дать ему еще одну задачу, которую я обычно даю большинству этих моделей ИИ, чтобы проверить их возможности, и это создать симулятор 3D-кубика Рубика. Итак, я открыл новый чат здесь, и это подробный запрос, который я просто даю всем этим моделям ИИ, и просто чтобы упомянуть, что большинство моделей ИИ не справились с этой задачей по созданию полностью функционального симулятора 3D-кубика Рубика, и, кстати, это будет простой однофайловый код, который будет в HTMLJS. Так что опять же, это не будет очень сложный код. Это будет просто один файл. И это подробный запрос, который я ему дал. И теперь я просто нажму Enter. И также позвольте мне включить наш таймер. Так что давайте посмотрим, сколько времени это займет. Многие известные модели ИИ не справились с этой задачей. Я думаю, Claude Solute 4 не справился с этой задачей. Kimik не справился с этой задачей, а также GPT5 не справился с этой задачей. Итак, сейчас, чтобы создать этот проект, вы можете видеть, что он уже создал этот подробный список дел. Первое — создать каталог. Второе — создать этот HTML-код. Третье — реализовать логику генерации кубика. Четвертый шаг — реализовать управление камерой. Затем реализовать логику вращения слоев. Реализовать взаимодействие с пользователем. Затем реализовать решатель. Хорошо. И затем, наконец, проверить функциональность. Так что давайте посмотрим, сколько времени это займет для выполнения этой задачи. И также, как только он завершит, мы посмотрим, является ли это безупречным симулятором 3D-кубика Рубика. Я не буду просить никаких итераций. Я просто оценю его с первой попытки. Так что мы посмотрим, сможет ли он создать этот полный симулятор 3D-кубика Рубика с первой попытки. Итак, сейчас он уже начал создавать код для файла index.html. Так что это будет всего лишь один файл, и давайте просто подождем, пока он закончит, а затем мы просто протестируем его, как только все будет готово. Хорошо, сейчас вы можете видеть, что он уже создал проект, и прошло уже 3 минуты, и теперь он тестирует этот проект, запуская его. Я имею в виду, это функциональность Kilo Code. Он тестирует этот проект прямо здесь и убеждается, что он работает нормально. И я думаю, тестирование завершено, и, по-видимому, он работает нормально. И в целом эта задача до сих пор стоила около 0,35 доллара. Хорошо. Итак, он, по-видимому, закончил задачу. Теперь я могу просто открыть его внутри этого каталога. Вот он. Он просто создал отдельный каталог, кроме создания его внутри каталога app. Так что теперь позвольте мне открыть его. Я могу напрямую открыть его в браузере. Позвольте мне просто открыть его. Хорошо, отлично. Приятно. Я никогда не получал такого дизайна раньше ни от одной из этих моделей. 3D-дизайн, а затем этот вид, я думаю, он добавил свет и в эту среду. И я вижу, как этот свет сияет здесь. Это потрясающе. Теперь я могу нажать "Перемешать". Перемешивание работает нормально. И это так плавно. Посмотрите на эту анимацию. Это так плавно. И теперь я могу просто нажать "Решить". Позвольте мне просто проверить, решит ли он это. Отлично. Это, это поражает. Это потрясающе. Теперь, позвольте мне просто увеличить размер кубика до шести. Может быть, создать более детализированный кубик. Нажмите "Перемешать". Теперь давайте посмотрим, сможет ли он действительно решить этот кубик. Итак, теперь он уже перемешал. Я могу нажать "Решить". И отлично. Он уже решил этот кубик. Это действительно впечатляет. И я действительно впечатлен дизайном. Эти 3D-кубики, которые он создал, выглядят действительно красиво. И на самом деле это отражение света. В целом, это выглядит очень качественно. Так что да, эта модель ИИ может действительно составить серьезную конкуренцию Claude 4.5. Я создам отдельное видео, где я буду сравнивать обе эти модели бок о бок. Но пока что для всех задач кодирования, которые я ему давал, он просто работал очень хорошо и ни разу не галлюцинировал ни в одной из этих задач. Мы создали систему аутентификации с использованием Clerk, интегрировали модель ИИ и создали интерфейс чата. Пользовательский интерфейс этого интерфейса чата был не очень хорошим. Затем мы создали эту главную страницу. Пользовательский интерфейс этой главной страницы был хорошим. Он был не так уж плох. С точки зрения дизайна, он был нормальным. И затем мы просто создали этот симулятор 3D-кубика Рубика. И он просто проделал потрясающую работу с первой попытки генерации этого симулятора 3D-кубика Рубика. Так что я очень воодушевлен этой моделью ИИ. Я определенно добавлю ее как свою основную модель ИИ для кодирования. Я думаю, мой главный приоритет по-прежнему — Claude 4.5. А номер два — Gemini 3. Так что да, просто попробуйте и дайте мне знать в разделе комментариев, что вы думаете об этой потрясающей модели ИИ. Увидимся в следующем видео.