Използвах вайб кодинг за съвсем лесно създаване на свои собствени разширения за Chrome и не мога да се спра

Въпреки че разработчиците и софтуерните инженери със сигурност ще ме намразят за това (и напълно ги разбирам, аз също уча за такъв), смятам, че вайб кодингът е един от най-забавните начини за създаване на малки проекти. Той напълно премахна бариерата, която някога пречеше на хората без технически познания да реализират хилядите си идеи в рамките на няколко часа.

За да направите това преди време, трябваше или да платите на някого доста добри пари, за да го изгради за вас, или да прекарате месеци, за да се научите да програмирате сами. Дали сега това е заместител на правилното софтуерно инженерство? Дори не е и близо до това. Въпреки това трябва задължително да се възползвате от него за лични инструменти и малки проекти. Разширенията за Chrome са наистина най-доброто място, откъдето да започнете.

Разширенията за Chrome са най-лесният начин да започнете да кодирате

Сериозно, можете да създадете едно от тях по време на обедната си почивка.

Ако сте следили шума около вайб кодирането, вероятно сте виждали хора, които просто така създават приложения и уеб сайтове. Всъщност много от популярните инструменти за вайб кодинга като Replit и Lovable са специално създадени за това. Въпреки това един вид проекти, на които не се обръща толкова внимание и които вероятно са дори по-подходящи за vibe coding, са разширенията за Chrome. Когато създавате приложение или уеб сайт и искате да продължите напред, трябва да измислите хостинг, бази данни, удостоверяване и сигурност. Това са все неща, с които vibe coding все още се бори.

При вайб кодинга на разширения за Chrome повечето от тези проблеми практически отпадат. Разширенията за Chrome са малки и самостоятелни. Те се изпълняват локално в браузъра ви и не е необходимо да се притеснявате за разгръщането на всичко. Обхватът им естествено е ограничен до решаването на един конкретен проблем, което означава, че са изключително лесни за изграждане с помощта на AI. Освен това разширенията обикновено се създават с помощта на сравнително прости уеб технологии като HTML, CSS и JavaScript – все езици, с които AI инструментите обикновено се справят доста добре.

Когато използвате браузър и забележите, че той не може да направи някое определено полезно за вас нещо, решението обикновено е да отидете в уеб магазина на Chrome и да се надявате, че някой вече е създал това, което ви трябва. С вайб кодинга можете просто да го създадете сами. Разликата обаче е, че това, което ще изградите, ще бъде адаптирано към точния ви работен процес и ще съдържа само функциите, от които действително се нуждаете.

Създаването на разширение за Chrome с помощта на Vibe coding (Вайб кодинг) е изключително лесно

Всичко, от което се нуждаете, е една идея.

Преди да се заемете с вайб програмирането на разширение за Chrome, трябва да решите какъв инструмент искате да използвате за този процес. Понастоящем разполагате с безкраен списък от възможности. Можете да използвате Claude Code, Codex на OpenAI, Gemini CLI, Cursor, Antigravity или дори просто чатбот като Claude или ChatGPT. Преди няколко дни дори създадох вайб код за разширение за Chrome, използвайки облачната алтернатива на OpenClaw на Perplexity! По-важното обаче е да решите какво искате да изградите.

Най-лесният начин да го направите е просто да се сетите за нещо, което винаги ви изнервя, когато сърфирате в интернет, или просто… по принцип! Може би това е уеб сайт, който няма тъмен режим, уеб сайт, на който липсва функция, която чакате от месеци, задача, която се налага да повтаряте всеки ден, нещо, за което прибягвате до инструмент на трета страна – всичко! Просто грабнете една идея и започнете да я изграждате.

Така например първото разширение за Chrome, което програмирах с помощта на ваjб кодинг, беше съвсем случайно. Докато използвах Instagram на телефона си и се опитвах да видя дали определен човек е разгледал историята ми, си помислих: „Защо Instagram все още не е добавил функция за търсене на зрителите на страниците на историята?“

Създаването на приложение за iPhone или Android за тази цел нямаше особен смисъл, тъй като не исках да отварям специално приложение всеки път, когато искам да търся в зрителите на моите истории. Като се има предвид, че уеб сайтът на Instagram вече ви позволява да преглеждате историите и зрителите, знаех, че това е проблем, който мога да реша, като създам едно простичко разширение за Chrome.

Тогава все още не бях изпробвал Claude Code, така че просто отворих нова тема в Claude и описах какво искам. В рамките на няколко минути той изгради първия прототип. Вместо да ми даде файловете и да ме помоли да ги копирам и поставя в IDE и какво ли още не, той продто ми даде ZIP файл за изтегляне. Всичко, което трябваше да направя от моя страна, беше да го изтегля, да го разархивирам и да го заредя в Chrome като разопаковано разширение.

Забележка: Ако не сте правили това преди, трябва само да отидете в chrome://extensions и да активирате режима Developer Mode. След това натиснете бутона Load Unpacked (Зареди разопаковано) и изберете папката, която току-що извлякохте. Не забравяйте първо да я разархивирате!

Макар че сега използвам по-задълбочени подсказки, когато програмирам нещо с вайб кодимнг, тъй като това дава по-точни резултати, това беше един от първите проекти, в които използвах vibe coding, и ето какво подсказах на Claude:

„Можеш ли да направиш разширение за Chrome, което да да дава възможност за търсене на зрители на историята на Instagram?“.

Първият прототип, който Claude създаде, не работеше и той призна, че подходът за скрепинг на DOM, който е използвал, е бил виновен за това. След това той изгради разширението отново, като използва вътрешните API точки на Instagram. Втората създадена от него версия работеше по предназначение, но не ми позволяваше да търся в отделните истории.

Както се очакваше, третата версия, която създаде, направи перфектно това, което исках. Тя добави лента „История“ в горната част на прозореца на разширението, която показваше миниатюри на всички активни истории с времеви маркери и брой гледания. След като докоснех някоя история, се показваха само нейните зрители.

Започнах да превръщам всяко разочарование в разширение

Браузърът ми вече има повече разширения, отколкото ми се иска да призная.

След това разширение за историята на Instagram съм създал безброй разширения за Chrome. Например, получавам нови идеи за статии в най-случайни моменти. Затова създадох разширение с помощта на вайб кодинг, което ми позволява да нахвърлям идеята и да добавям работно заглавие. Мога да я маркирам с определен тип, да ѝ задам публикация, а също и да ѝ задам приоритет.

Като се има предвид, че най-много идеи ми хрумват, когато сърфирам, разширението също така автоматично улавя като източник всеки URL адрес, на който се намирам. По този начин, когато по-късно се върна към идеята, знам точно какво ме е вдъхновило. Създадох и разширение, което да ми помогне в работния процес по търсене на новини! Моят колеж също наскоро премина към онлайн класове и забелязах, че постоянно правя скрийншоти на това, което професорът показва на екрана.

Проблемът беше, че в крайна сметка губех следите на тези скрийншоти – те се заравяха в папката на камерата ми или в папката за изтегляне с общи имена на файловете и когато ми трябваше за изпита, не можех да намеря нищо. Затова създадох разширение, което ми позволява да правя скрийншоти на екрана, да ги маркирам с името на курса и автоматично да организирам всичко в папки.

Създадох и разширение, което следи колко думи пиша всяка седмица, и друго, което ми помага да анализирам заглавия спрямо собствените си модели.

Най-голямото забавление, което съм имал с AI

Както споменах в началото, идеите за разширения, които можете да създавате с помощта на вайб кодинг, са безкрайни. Просто изберете някое неудовлетворение и го превърнете в малък инструмент, който го решава.