Вайбкодинг: какую пользу можно извлечь без опыта

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

В этом тексте разберём, что и как можно собрать на старте.

Пытаться сделать «убийцу Windows» так вряд ли стоит, но есть ниша, для которой вайбкодинг хорошо работает: небольшие проекты для самого себя, которые решают знакомые вам задачи. Мы уже описывали создание игр, а теперь перейдём к тому, что способно принести практическую пользу.

На днях как раз появилась забавная, но показательная новость о «маленьком полезном проекте». Его создатель ощущал, что слишком подолгу застревает на интересных сайтах. И сделал расширение для Chrome, с которым на экране по таймеру появляется кот и загораживает собой содержимое вкладки. Вполне возможно для начала сделать что-то подобное: несложное, но решающее реальную проблему, необычное и интересное.

Вариантов может быть много: сайты, телеграм-боты, мобильные приложения. Но для первого опыта лучше не распыляться.

Проще всего начать с обычных HTML-страниц с JavaScript. ИИ создаёт файлы, вы сразу открываете их в браузере и проверяете результат. Не нужно ничего настраивать, поднимать сервер или разбираться с инфраструктурой. К тому же такие проекты легко передавать: можно просто отправить файлы другому человеку или опубликовать их как сайт.

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

Но сложные форматы лучше оставить на следующий этап, а для старта использовать этот базовый вариант.

Сейчас есть множество ИИ-инструментов для кодинга, как платных, так и с ограниченным бесплатным режимом: в таких что-то можно сделать бесплатно, но есть лимиты. Для первого опыта важнее не «самый мощный» инструмент, а тот, где легко начать и быстро увидеть результат.

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

Для начала работы надо установить его, зарегистрироваться и открыть папку, в которой будет ваш первый проект. А дальше в колонку общения с ИИ-агентом уже можно просто вводить первый промпт: сказать ему создать что-то, и он на ваших глазах будет добавлять нужные файлы.

Раз софт «индивидуальный», универсального ответа здесь нет: полезные сценарии зависят от ваших задач и привычек. Но для старта удобно взять несколько простых примеров, на которых можно понять сам процесс.

Простейший вариант — страница-таймер. Например, можно сделать страницу, отсчитывающую «сколько времени осталось до определённого момента». А затем ввести туда, скажем, дату своего отпуска.

Для такого достаточно запросить у ИИ обычным языком: «Сделай страницу, отсчитывающую время до введённой пользователей даты». Формулировку можно менять как вам удобнее, если ИИ неправильно поймёт — дальше легко поправить.

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

Например, вы поняли, что смотреть на приближающийся отпуск приятно, но пока что надо сосредоточиться на рабочих задачах. Что может помочь в этом?

Есть популярная техника Pomodoro, когда 25-минутные рабочие периоды чередуют с короткими и длинными перерывами. И ставят таймеры-«помидорки» специально для этого, чтобы чётко знать, когда пора отдохнуть, а когда работать.

В принципе, на существующей странице вы уже можете ставить отметки «через 25 минут», так что её возможно использовать и для этого. Но это неудобно: придётся постоянно вручную выставлять то «через 25 минут», то «через 5 минут». Можно сказать ИИ что-то вроде «преврати это в таймер для Pomodoro».

ИИ в курсе понятия Pomodoro, поэтому сам добавил на страницу всё нужное: и временные интервалы, и кнопки, и звуки при окончании отсчёта, и разные цвета цифр, чтобы красный «рабочий период» ярко отличался от зелёного «перерыва». Даже эмодзи с помидором добавил сам.

Результат может быть не идеальным: в нашем примере на экране остались лишние элементы вроде «дней» и «часов», которые для Pomodoro не нужны. Но такие вещи легко убираются следующ промптом.

Вот уже и получился первый инструмент, полезный на практике. Конечно, можно и просто установить уже существующий Pomodoro-таймер, их много. Но «создать собственный» — это и увлекательный опыт, и полезный. В процессе лучше понимаешь, что вообще возможно и что подходит конкретно тебе — и можешь поэкспериментировать, делая не просто «ещё один таймер», а приложение своей мечты.При этом не требуется сразу продумывать всё до конца. Вайбкодинг позволяет двигаться постепенно: обсуждать идею с ИИ, пробовать разные варианты, уточнять детали.

Другой хороший сценарий для вайбкодинга — это мелкие рутинные операции, которые приходится делать регулярно. Обычно их несложно выполнить, но при постоянном повторении они начинают раздражать. Например, при публикациях в соцсетях каждый раз требуется добавлять на изображение надпись: в определённое место, с затемнением изображения под ней, чтобы она была читаемой. Сделать это можно в любом графическом редакторе. Но ради такой операции каждый раз приходится открывать тяжёлый редактор и повторять одни и те же действия.

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

Раньше на такие вещи обычно не тратили время: слишком много усилий ради небольшой оптимизации. А с вайбкодингом стало можно куда быстрее собирать подобных «помощников».

Например, для задачи с надписями на изображениях появился телеграм-бот @storycraft_loft_bot — его сделали за пару часов именно для того, чтобы избавиться от повторяющейся «ручной» работы.

Что ещё из «полезных мелочей» можно себе сделать? Для вдохновения можете посмотреть на страницу tools.simonwillison.net, на которой разработчик Саймон Уиллисон опубликовал уже десятки своих мелких инструментов. Там встречаются самые разные: кадрирование изображений, обработка документов, утилиты для повседневной работы.

Ещё несколько популярных вариантов «что людям хочется сделать самим себе»:

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

И тогда пора переходить к форматам посложнее: сделать сайт с бэкендом или телеграм-бота, который будет открываться с любого устройства. Об этом мы тоже расскажем — но в следующих текстах. Так что пока можете пробовать Kodik на первых простейших проектах, а позже вместе с нами перейти к более сложным.

Напоминаем: скачать Kodik можно на сайте, а попробовать его можно бесплатно.