Я написал приложение Vibe с тремя популярными чат-ботами. Настоящий победитель — это хорошая подсказка

Если вы умеете печатать или говорить, вы, вероятно, сможете код vibe. Это действительно так просто. Вы просто сообщаете свою идею чат-бот с искусственным интеллектом по вашему выбору на естественном языке, и он начнет работать. Хотя не все проекты могут оказаться блестящими или даже полностью функциональными, усилия, необходимые для создания веб-приложения путем простого общения, минимальны.

Я довольно много экспериментировал с Vibe-кодированием, создавая тут и там случайные проекты. В основном я пробовал его для проверки концепции или просто для тестирования чат-ботов, но редко пытался сделать что-то важное или функциональное до такой степени, что я мог бы использовать его ежедневно. Затем я начал искать устройство для чтения электронных книг и ушел, разочарованный тем, насколько невероятно «тупыми» большинство из них, особенно Kindle. Подробнее об этом позже.

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

Вопрос заключался в том, какой чат-бот с искусственным интеллектом использовать. Я не стал пытаться выбрать. Я использовал Gemini, Claude и ChatGPT, чтобы создать то, что хотел, а затем посмотреть, принесет ли это лучшие результаты.

Подсказка

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

Сначала я построил весь проект на самом базовом уровне с помощью Gemini. Как только мне понравилось, где находится проект (успешное и функциональное подтверждение концепции), я попросил его создать подсказку, чтобы я мог добавить его к любому другому чат-боту. Gemini сгенерировала приглашение, я сохранил его как файл и загрузил Клоду. Я повторил этот процесс еще раз, позволив Клоду уловить и исправить вещи, о которых я не подумал при создании проекта и Gemini. Как только этот процесс был завершен, я попросил его создать еще одно приглашение, чтобы я мог добавить его в ChatGPT.

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

Проект: Читатель томов

Этот проект родился из-за моего разочарования в устройствах Amazon Kindle. Любой, кто любит читать и слушать свои книги, может делать это с помощью выделения в реальном времени в приложении для iOS или Android, но по прошествии всего этого времени — почти 20 лет — вы не сможете сделать это на Kindle. Фактически, совсем недавно пользователи получили возможность выделять текст в реальном времени с помощью вспомогательного средства чтения, что так близко к функциональности приложения. На данный момент на Kindle можно читать или слушать только аудиокниги, но не то и другое, что смехотворно, как и идея о том, что Amazon будет владеть всеми моими книгами. Я подумал, что могу просто написать код решения. Я называю это «Читатель томов».

Я хотел создать иммерсивное веб-приложение для чтения электронных книг, которое читало бы вам ваши книги вслух (конечно, с подсветкой текста в реальном времени), независимо от того, был ли текст вставлен или загружен ваш собственный файл PDF или EPUB. Помимо чтения текста вслух, веб-приложение будет создавать фоновую музыку в зависимости от содержания текста в подмножестве категорий (нейтральный, готический ужас, научная фантастика, природа, фэнтези, подводный мир, вестерн, мистика) и генерировать дополнительные звуковые и визуальные эффекты, когда определенные слова-триггеры произносятся в режиме реального времени. Весь проект был создан в одном HTML-файле, чтобы его можно было запускать в веб-браузере без дополнительных зависимостей.

Строительство с помощью чат-ботов: первый раунд

Близнецы

Gemini позволила мне выяснить, насколько далеко я могу расширить функциональность этого веб-приложения, и, таким образом, большая часть его функций исходит от чат-бота Google. Вначале это позволило мне решить некоторые мелкие проблемы, из-за которых голоса TTS не загружались. Вместо этого он создал экран инициализации, который заставлял голоса загружаться после нажатия на «открытый» экран приложения. Без такого рода ноу-хау проект не сдвинулся бы с мертвой точки.

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

Клод

В этом проекте Клод фантастически усовершенствовал основную функцию триггерных слов. Клод расширил словарный запас и увеличил визуализацию, когда триггерное слово было произнесено вслух. Тем не менее, Клод позвонил, о чем я не просил, хотя логика действительно имела смысл.
Первоначально я думал, что проект не работает, потому что, когда я приступил к тестированию его функциональности, только первое слово-триггер создавало желаемый эффект в строке из почти 10. Клоду потребовалось некоторое время, чтобы наконец раскрыть, что он решил разрешить срабатывание звуковых и визуальных эффектов только один раз для каждого предложения, чтобы не «спамить» пользователя. Это имело большой смысл, но проект был скорее проверкой концепции, чем функциональной программой чтения, а Gemini и ChatGPT генерировали звуковые эффекты для каждого ключевого слова, что было ожидаемой функциональностью.

При этом в подсказке не было конкретных указаний о том, сколько раз воспроизводиться звуковые и визуальные эффекты. Хотя это не обязательно было то, что я хотел, я ценю внимание к общему опыту пользователя при совершении такого звонка. Затем, после того как все эти уточнения были внесены в код, Клод обновил приглашение, и я взял его с собой в ChatGPT.

ЧатGPT

К тому времени, когда я вместе с Клодом создал обновленное приглашение, мне больше нечего было делать, когда я загружал его в ChatGPT. К счастью, чат-бот OpenAI с легкостью создал проект, несмотря на то, что он самый медленный в генерировании кода. Единственная функция, которую я попросил ChatGPT добавить в проект — создать специальный ползунок громкости для фоновой музыки, чтобы ее можно было полностью отключить, если кто-то просто хочет получить специальный опыт чтения электронных книг, — постоянно терпела неудачу. В конце концов я вернулся к Клоду, чтобы попросить эту функцию и воссоздать приглашение.

Раунд 2: Воссоздание того же проекта

Несмотря на использование Gemini 3 Pro для первоначальной сборки проекта и бесплатных версий ChatGPT и Claude, все трое создали проект, но не без проблем. Большую часть времени я провел в Claude, дорабатывая проект, и он отвечал за создание окончательной версии. Поэтому было невероятно удивительно обнаружить, что при загрузке этого приглашения в новый чат проект не загружался дальше первой страницы «инициализации». Несмотря на отсутствие каких-либо проблем с предыдущими итерациями, потребовалось 11 (да, действительно) дополнительных полных перестроек, чтобы понять, что происходит.

Воссоздание проекта с помощью Gemini и ChatGPT сработало безупречно. Все функции, базовые и расширенные, работали должным образом, включая загрузку файлов, выделение тестов, преобразование текста в речь, а также звуковые и визуальные эффекты при произнесении триггерных слов вслух. Возвращаясь к моделям, я заметил очень небольшую разницу в функциях или производительности при подаче одного и того же приглашения каждому из чат-ботов.

Несоответствия чат-бота

С Клодом всегда было легко получить файл для тестирования. Он не только предлагал предварительный просмотр проекта, поэтому вам вообще не нужно было загружать HTML-файл, но и, если вы захотели (что я часто делал для тестирования), его можно было загрузить напрямую. Эта опция иногда предлагалась с ChatGPT, а иногда я мог только скопировать HTML и сохранить его самостоятельно.

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

Победитель: Это зависит

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

В конечном итоге победителем становится пользователь. Это показывает, что независимо от используемой модели надежный набор инструкций может помочь вам далеко. Мне не удалось отличить различия в производительности или функциях между приложением, созданным Gemini 3 Pro, и бесплатными версиями ChatGPT или Claude.

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