Ксения
Анурина

5 секретов вайб-кодинга — для тех, кто хочет сделать приложение или сайт, но не умеет программировать

И не собирается этому учиться

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




Что та­кое вайб-ко­динг

Впер­вые тер­мин «вайб-ко­динг» ис­поль­зо­вал со­ос­но­ва­тель ком­па­нии Ope­nAI Ан­дрей Кар­па­тый, ко­то­рый в на­ча­ле 2025 года на­пи­сал в сво­ем твит­те­ре:

«Есть но­вый тип ко­дин­га, ко­то­рый я на­зы­ваю „вайб-ко­динг“, здесь вы пол­но­стью от­да­е­тесь вай­бу и за­бы­ва­е­те, что код во­об­ще су­ще­ству­ет. Я про­сто об­ща­юсь с ре­дак­то­ром кода с по­мо­щью про­грам­мы, ко­то­рая пре­об­ра­зу­ет мой го­лос в текст, и по­чти не ка­са­юсь кла­ви­а­ту­ры. Я про­шу о са­мых глу­пых ве­щах вро­де „умень­шить от­ступ на бо­ко­вой па­не­ли вдвое“, по­то­му что мне слиш­ком ле­ни­во ис­кать эту часть в коде. Я все­гда на­жи­маю „при­нять всё“ и жду, что ней­ро­сеть сама ис­пра­вит ошиб­ки. По­лу­ча­ет­ся от­лич­но».

Тер­мин очень быст­ро стал по­пу­ляр­ным — и уже в кон­це мар­та на плат­фор­ме Cours­era по­явил­ся обу­ча­ю­щий курс по вайб-ко­дин­гу, а в неко­то­рых ком­па­ни­ях даже от­кры­лись ва­кан­сии «вайб-ко­де­ра».


Что мож­но соз­дать с по­мо­щью вайб-ко­дин­га уже сей­час

Чаще все­го с нуля де­ла­ют про­то­ти­пы при­ло­же­ний, бра­у­зер­ные игры (на­при­мер, очень успеш­ный авиа­си­му­ля­тор Fly.pieter), те­ле­грам-боты, бра­у­зер­ные сер­ви­сы, лен­дин­ги или сай­ты-ви­зит­ки. Мо­жет по­ка­зать­ся, что для того, что­бы за­ни­мать­ся вайб-ко­дин­гом, не нуж­но во­об­ще ни­ка­ких уме­ний — толь­ко ком­пью­тер, про­грам­ма и на­ме­ре­ние. Так ли это на са­мом деле, мы по­про­си­ли рас­ска­зать опыт­но­го фулл­стек-раз­ра­бот­чи­ка, ди­зай­не­ра с ну­ле­вым опы­том про­грам­ми­ро­ва­ния и ас­пи­ран­та-гу­ма­ни­та­рия.

«Я про­сто смот­рел, как она со­зда­ет веб-стра­ни­цу, ге­не­ри­ру­ет фай­лы, пи­шет код. Это было по­хо­же на ма­гию»

Сер­гей Вас­не­цов, ди­зай­нер: «Я ни­ко­гда в жиз­ни ни­че­го не ко­дил. Во­об­ще. Я ди­зай­нер циф­ро­вых про­дук­тов. Но ин­те­рес к про­грам­ми­ро­ва­нию был — тя­ну­ло по­про­бо­вать сде­лать что-то свое. Про­бле­ма в том, что я не хо­тел учить­ся. У меня нет на это вре­ме­ни, да и же­ла­ния осо­бо тоже не было. Я не го­тов был си­деть но­ча­ми, раз­би­ра­ясь, как ра­бо­та­ет JavaScript или как пра­виль­но вер­стать. Зато я очень хо­тел про­сто сде­лать. Что-ни­будь жи­вое, свое, при­коль­ное. И вот тут мне по­пал­ся вайб-ко­динг. Мой друг-про­грам­мист рас­ска­зал о ре­дак­то­ре, где мож­но пи­сать код, во­об­ще не умея его пи­сать. Я ска­чал, за­ре­ги­стри­ро­вал бес­плат­ный ак­ка­унт, слег­ка разо­брал­ся в ин­тер­фей­се, опи­сал ней­ро­се­ти свою идею — и про­сто на­жи­мал „при­нять“, на­блю­дая, как по­яв­ля­ет­ся струк­ту­ра про­ек­та. Бук­валь­но из воз­ду­ха. Я про­сто смот­рел, как она со­зда­ет веб-стра­ни­цу, ге­не­ри­ру­ет фай­лы, пи­шет код. Это было по­хо­же на ма­гию. И я был в вос­тор­ге от вай­ба».

«Сде­лал при­ло­же­ние, куда за­гру­жа­ет­ся аудио и на вы­хо­де по­лу­ча­ет­ся де­таль­ная рас­шиф­ров­ка тек­ста»

Ели­сей Слав­ский, фулл­стек-раз­ра­бот­чик: «Я ис­хо­жу из са­мо­го пря­мо­ли­ней­но­го опре­де­ле­ния вайб-ко­дин­га: та­кой прак­ти­ки, ко­гда раз­ра­бот­чик не пи­шет код на язы­ке про­грам­ми­ро­ва­ния, а ис­поль­зу­ет есте­ствен­ный язык в виде ко­манд в чате с ней­ро­се­тью. На удив­ле­ние даже в та­ком фор­ма­те вайб-ко­динг по­ка­зы­ва­ет вну­ши­тель­ные ре­зуль­та­ты. Мой по­зи­тив­ный опыт свя­зан с неболь­ши­ми про­ек­та­ми, та­ки­ми, о ко­то­рых я ду­маю: „Было бы здо­ро­во сде­лать, но слиш­ком ле­ни­во пи­сать все это са­мо­му“. На­при­мер, лен­дин­ги, неболь­шие сай­ты со слож­ным функ­ци­о­на­лом — веб-при­ло­же­ния, те­ле­грам-боты, про­стые де­ск­топ-при­ло­же­ния. Из недав­не­го: сде­лал при­ло­же­ние, куда за­гру­жа­ет­ся аудио и на вы­хо­де по­лу­ча­ет­ся де­таль­ная рас­шиф­ров­ка тек­ста с раз­де­ле­ни­ем по спи­ке­рам, тайм­ко­да­ми и при­ят­ным ин­тер­фей­сом (тем­ную тему или пе­ре­вод ин­тер­фей­са на дру­гие язы­ки в та­ких сер­ви­сах мож­но ре­а­ли­зо­вать за 1–2 промп­та)».

«В ито­ге по­лу­чил­ся сер­вис, ко­то­рый мо­жет сге­не­ри­ро­вать биб­лио­гра­фи­че­скую ссыл­ку на ин­тер­нет-ре­сурс»

Илья Кра­пи­вин, ас­пи­рант про­грам­мы «Ан­тро­по­ло­гия» Ев­ро­пей­ско­го уни­вер­си­те­та: »Я учусь в гу­ма­ни­тар­ной ас­пи­ран­ту­ре — по­ду­ма­лось, что было бы здо­ро­во сде­лать что-то для ге­не­ра­ции биб­лио­гра­фи­че­ских ссы­лок. Несмот­ря на то что уже есть по­доб­ные сер­ви­сы вро­де Zotero, было ин­те­рес­но сде­лать та­кой са­мо­му. Пер­вые несколь­ко ча­сов я без­успеш­но за­да­вал ка­кие-то ко­ман­ды по на­и­тию, в ито­ге при­шел к идее, что сна­ча­ла нуж­но из­ло­жить свою за­дум­ку дру­гой ней­ро­се­ти и по­про­сить ее на­пи­сать промпт для AI-ре­дак­то­ра.

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

Этот опыт за­ста­вил меня за­ду­мать­ся о том, что еще по­лез­но­го я могу сде­лать сам — на­при­мер, сей­час я про­бую сде­лать с по­мо­щью ней­ро­се­тей рас­шиф­ров­щик ру­ко­пис­но­го тек­ста, по­то­му что я ра­бо­таю в кол­ле­дже, а там пе­ри­о­ди­че­ски нуж­но про­ве­рять ка­кие-то кон­троль­ные и про­чее».


5 со­ве­тов для тех, кто со­би­ра­ет­ся по­про­бо­вать вайб-ко­динг

Ели­сей Слав­ский, фулл­стек-раз­ра­бот­чик:

  1. Про­цесс идет эф­фек­тив­нее, если сна­ча­ла по­про­сить лю­бую тек­сто­вую ней­ро­сеть в ре­жи­ме re­search «про­ана­ли­зи­ро­вать за­прос и вы­дать ар­хи­тек­ту­ру про­ек­та (опи­са­ние про­ек­та)». Так­же мож­но на­пря­мую по­про­сить ней­ро­сеть сде­лать промпт для AI-ре­дак­то­ра, на­при­мер Cur­sor или дру­гих.
  2. AI-ре­дак­то­рам нель­зя до­ве­рять мно­го за­дач сра­зу, осо­бен­но та­ких, где эле­мен­ты не свя­за­ны меж­ду со­бой. Луч­ше де­лить лю­бой свой за­прос на мик­ро­за­про­сы и для каж­до­го от­кры­вать но­вое диа­ло­го­вое окно.
  3. За­да­ча долж­на быть та­кой, что­бы ней­ро­сеть лег­ко на­шла для нее ин­стру­мен­ты в от­кры­том до­сту­пе. Пе­ред на­ча­лом ра­бо­ты это нуж­но про­ве­рить с по­мо­щью лю­бой тек­сто­вой ней­ро­се­ти в ре­жи­ме re­search: объ­яс­нить ей, что вам нуж­но, и по­про­сить узнать, есть ли для это­го на­ра­бот­ки в Сети.
  4. Если ней­ро­сеть пло­хо справ­ля­ет­ся с ре­ше­ни­ем за­да­чи, луч­ше на­чать все за­но­во, а не пы­тать­ся пе­ре­фор­му­ли­ро­вать за­прос. И обя­за­тель­но сле­дить за воз­мож­ны­ми «гал­лю­ци­на­ци­я­ми»: на­при­мер, если опи­сать невы­пол­ни­мую за­да­чу и по­тре­бо­вать ее вы­пол­нить, ней­ро­сеть бу­дет тщет­но пы­тать­ся это сде­лать. И та­кой код при­дет­ся чи­нить до бес­ко­неч­но­сти.
  5. AI-ре­дак­то­ры не ре­ша­ют про­бле­му за­щи­ты дан­ных. Я бы ска­зал, пуб­лич­ные мо­де­ли сей­час ни­как не за­щи­ще­ны, то есть ваш код сра­зу же ока­жет­ся в пуб­лич­ном до­сту­пе. Имей­те это в виду, если для вас важ­на кон­фи­ден­ци­аль­ность.

Фото на об­лож­ке: Sev­en­ty­Four / Shut­ter­stock / Fotodom