Clawdbot у популярності, я не міг стриматися: студент-літератор без базових знань у реальній практиці Vibe Coding

Автор: Denise I Biteye, контент-команда, Bbo I XHunt операційна команда

Нещодавно, переглядаючи X, побачив, що Clawdbot всі використовують для роботи з AI-агентами, і раптом зрозумів, що й гуманітарії можуть гратися з кодом у стилі “vibe”. Тому почав цю практику без будь-якого досвіду.

Vibe Coding вважається новою парадигмою “запит — це код”, і навіть покладають на нього надії “дати можливість непрофесіоналам створювати інструменти”.

Однак існує одне реальне питання: коли технічний поріг знижується, чи з’являється здатність до реального застосування?

Щоб відповісти на це питання, я, як користувач без будь-якого досвіду у програмуванні, повністю випробував три основних інструменти Vibe Coding.

Процес був нелегким: помилки, збої, багаторазове перепрацювання, але саме через це я зрозумів, де найчастіше виникають проблеми і як їх уникнути.

Ця стаття не є оглядом інструментів, а справжнім записом від розуміння до практики.

1. Поняття: що таке Vibe coding?

Це новий підхід до розробки, де “только подаєш запити, не пишеш код”.

Цю концепцію вперше запропонував колишній співзасновник OpenAI Andrej Karpathy, його слова були такими:

“Це новий спосіб програмування, я його називаю Vibe Coding. Ви повністю довіряєте відчуттям (Vibes), приймаєте експоненційне зростання ефективності і навіть забуваєте про існування коду.”

За моделлю Vibe Coding ви вже не “будівельник”, а більше схожі на “продуктового менеджера” або навіть “замовника”.

Ваше завдання — точно сказати AI: “Я хочу побудувати будинок, тут мають бути панорамні вікна, там — басейн.”

Якщо не задоволені — скажіть: “Відчуття не те, зробімо ще раз.”

Ось і є Vibe!

2. Інструкція по уникненню пасток: безпечні межі Vibe Coding

Перед тим, як відкрити двері до AI-програмування, потрібно запечатати свій “скарб”. Багато новачків у спілкуванні з AI несвідомо передають конфіденційну інформацію — це дуже небезпечно.

1. Три категорії даних, які категорично не можна розкривати

• API Key: Це як “запасна карта” на різних платформах, її розкриття призведе до швидкого вичерпання ліміту.
• Приватний ключ/мнемоніка: категорично і ніколи не надсилайте їх AI або не зберігайте у коді. В разі витоку — ваші активи на блокчейні зійдуть нанівець.
• Cookie дані: деякі уроки навчають отримувати Cookie з браузера для автоматизації, але Cookie містить ваш статус входу, і при витоку інші зможуть увійти у ваш Twitter, Discord або біржовий акаунт без пароля.

2. Основний принцип: ізоляція середовища, десенситизація даних

Ніколи не вставляйте API Key або конфіденційну інформацію безпосередньо у код або підказки.

Правильний спосіб — використовувати “змінні середовища”, щоб код читав системні змінні, а не безпосередньо ключі.

Настройка для Windows:

• Натисніть Win+S, введіть “Змінні середовища”
• Створіть нову змінну
• Введіть ім’я змінної та значення, збережіть

Настройка для MacOS:

• Натисніть Command + пробіл, введіть “Термінал” і відкрийте.
• У чорному вікні вставте та замініть ваш реальний ключ, натисніть Enter:

echo 'export CRYPTOHUNT_API_KEY="вашsk-xxxxxx" ' >> ~/.zshrc

• Щоб зміни вступили в силу, введіть:

source ~/.zshrc

• (опційно) перевірте, чи працює: введіть

echo $CRYPTOHUNT_API_KEY

Якщо з’явиться ваш ключ — все правильно.

3. Практика (збої) — огляд: три інструменти, три досвіди

Після теорії — переходимо до практики. Щоб знайти найзручніший інструмент, я протестував три основних. Вони репрезентують три головні форми Vibe Coding:

• Google AI Studio: “швидке створення прототипів”
• Antigravity: “AI-агент + локальна повноцінна розробка”
• Lovable: “діалог — це застосунок”

Якщо хочете одразу зрозуміти, який інструмент підходить для початківця — перейдіть одразу до Lovable; якщо хочете уникнути помилок — дочитайте цю частину. Почнемо по порядку.

1. Google AI Studio

Ціль: для індивідуальних розробників, стартапів

Досвід: головне — швидкість і безкоштовність, дозволяє за кілька хвилин перевірити ідею з AI

Офіційний сайт: https://aistudio.google.com/apps

Перший раз я його використав на Різдво. Всі робили кибер-новорічну ялинку, і я теж спробував. За кілька хвилин ввів підказку, і він створив дуже красиву 3D-сторінку з частинками, що рухаються за жестами — дуже плавно.

Це змусило мене задуматися: час справді змінився.

(Раніше, щоб зробити щось класне, інженер-любитель писав довгі ночі код, і наприкінці виходив сердечко, що б’ється. А зараз? Можна довірити Vibe Coding — і за кілька хвилин отримати емоційне наповнення.)

З прикладами успіху я почав “задихатися” і зайнявся серйозним проектом: викликав Cryptohunt API для створення дашборду Twitter.

Я з довірою подав йому документацію API. Спершу все йшло гладко: бекенд працював миттєво, дані отримувалися. Я подумав: “Ну і що?”

Але коли я попросив його красиво показати дані на фронті — почалися проблеми:

• графіки не відображаються? він змінює код
• відображаються, але не повністю? він знову змінює код, і інтерфейс ламається
• виправив інтерфейс? тоді API перестає завантажувати дані

Я потрапив у нескінченний цикл “виправлення багів — з’являються нові баги”. За два дні я здався.

Фінальний вигляд (AI вже почав малювати щось незрозуміле)

Підсумки: Google AI Studio — це для творчих експериментів. Зробити простий односторінковий демо — легко. Але при глибокій інтеграції з бекендом (API-дані, складний фронт) він швидко “зависає”. Якщо ви не розумієте логіку коду — легко застрягти у фронтенд-мережі.

2. Antigravity

Ціль: інструмент для мульти-модельного перемикання і повноцінної розробки

Особливості: перемикання моделей, розбиття задач, автоматичне тестування

Офіційний сайт: https://antigravity.google/

Під час використання я майже здався ще до початку — через вимоги до входу. Це не типовий інструмент, де просто відкрив — і працює. Тут потрібен аккаунт і стабільне інтернет-з’єднання.

Обмеження аккаунта визначаються не IP, а країною, з якою пов’язаний Google-аккаунт. Якщо країна не у списку підтримуваних (наприклад, Китай, Гонконг), вхід буде заблоковано. Мені кілька разів відмовляли у зміні країни.

Загалом, весь процес — це боротьба і нерви.

Після трьох блокувань акаунтів і кількох перемикань середовищ я знайшов спосіб обійти систему: Antigravity tools

1. Спершу потрібно налаштувати американський IP + режим тунелю (VPN)
2. Завантажити antigravity tools

Посилання від користувача Twitter: https://x.com/idoubicc/status/2004848130693759213 3. Після завантаження додати акаунт і пройти OAuth

4. Після авторизації можна перейти до входу і побачити ліміт моделей

(Попередження: Antigravity Tools — це open-source проект, що дозволяє підключати моделі Antigravity до Claude, Code та інших інструментів. Але під час Vibe Coding рекомендується ізолювати робоче середовище і важливі акаунти, щоб знизити ризики безпеки.)

Після входу я зібрав два важливих лайфхаки для новачків:

1. Встановити китайський мовний пакет: у розширеннях пошук Chinese, встановити спрощену китайську, перезапустити програму. Це зменшить мовний бар’єр.
2. Ввести “глобальні правила”: Antigravity дозволяє задати “загальні правила” для AI. Натисніть іконку Rules → + Workspace, вставте “глобальні правила”, наприклад, щоб він використовував китайську і покращував якість коду.

Навіть після успішного входу і базової налаштування, коли починаєш запускати код — отримуєш холодний душ. Він не показує миттєвий попередній перегляд, як Google AI Studio. Потрібно завантажити додаткові програми (Node.js, VS Code) або дивитися в HTML. А швидкість відповіді великих моделей — повільна. Щоразу, коли я ставив запит — екран крутився.

Але у Antigravity є одна крута функція: автоматичне тестування. Після написання коду він запускає відео-прев’ю, імітуючи реальні кліки по сайту, щоб перевірити логіку. Спостерігати, як AI сам тестує — це відчуття майбутнього.

Я намагався зробити проект: “систему для ловлі сигналів криптовалют. Використовує Cryptohunt API для моніторингу Twitter, автоматично збирає твіти з Ticks, рахує, які токени обговорюють, і сортує за популярністю.”

Реальність — сувора. Хоча AI намагається допомогти з кодом і тестами, у найважливішому — підключенні API — знову з’являються проблеми. Можливо, через складність локального інтернету або неправильне розуміння документації API — дані не під’єднуються.

Демонстрація: показ даних на екрані

Коли бачу червоні помилки у терміналі і фантазії AI, що “зараз все вийде”, розумію: повноцінний стек — це круто, але через мережеві та системні “чорні ящики” зробити справжній корисний інструмент для новачка — дуже важко. Адже Antigravity передбачає, що ви вже розробник.

3. Lovable

Ціль: платформа “діалог — це застосунок”

Особливості: не потрібно налаштовувати локальне середовище, все “зроблено і готово”

Офіційний сайт: https://lovable.dev/

Використання Lovable дало мені відчути, що таке справжній “замовник”. Мабуть, тому що він один платить? (порада: на “Яндексі” купив 100 кредитів за 15RMB, і ще не використав усі)

На Lovable я не змінював жодного рядка коду і створив чудовий інструмент для моніторингу Crypto Twitter — Crypto Pulse (Крипто Пульс) дашборд.

Так, ви не помилилися — я нарешті зробив це.

Онлайн-версія: https://tweet-whisperer-dash.lovable.app/

“Детальний опис функцій”

A. Загальні дані та AI-резюме

На головній — “термометр” контенту:

• Реальні дані: зверху — кількість твітів за 24 години, кількість взаємодій, активних KOL, індекс настрою ринку. Не потрібно читати все — достатньо поглянути на колір: червоний — паніка, зелений — жадібність.
• AI-резюме: найшвидша функція. Інтегрований Gemini AI автоматично читає тисячі твітів за останні кілька годин і створює короткий огляд ринку.

B. Трендовий радар

Хочете не пропустити наступний біткоїн?

• Автоматичне сортування: виділяє популярні теми, проекти, токени і KOL.
• Індикатор тренду: поруч із кожною категорією — зміна кількості згадувань за 24 години (зростання/зниження). Там, де обговорень багато — там і можливості.

C. Інтелектуальний стрім

Забудьте про хаос у стрічці — тут є 4 очищені вкладки:

• Вибране: AI відібрав високоякісний контент, без “води”.
• Популярне: твітти з найбільшою взаємодією (лайки + репости).
• Відомі: пости від лідерів галузі (Elon Musk, Vitalik і т.п., з підписами понад 100K).
• Останні: нові твіти від акаунтів, що стосуються крипти.

*Деталі: підтримка фільтрації за регіонами (англомовна/китайська), натискання на картки — і автоматично перехід на Twitter.

“Рекомендації”: оскільки зараз я використовую особистий API-ключ, дані споживають кредити API, ліміт обмежений. Тому швидше спробуйте самі.

4. Практичні поради щодо Cryptohunt API

Під час Vibe coding я обрав досить вигідний Cryptohunt. Не маючи глибоких знань у програмуванні, я розібрався з API і хочу поділитися лайфхаками.

Офіційний сайт: https://pro.cryptohunt.ai/

1. Точне подання запитів

Багато новачків просто дають AI довгу документацію — і отримують хаос.

• Помилка: Це документація API, робіть, що хочете.
• Правильно: Хочу зробити моніторинг токенів. Прочитати про post /tweet/mention_tweets у Cryptohunt API. Як отримати дані за останню годину?

Приклад підказки: “Викличте /tweet/mention_tweets, шукайте твіти з тикером SOL. Обмежте час — останні 24 години. Відфільтруйте топ-5 за взаємодіями (лайки + репости), щоб зрозуміти настрій щодо SOL.”

2. Інструмент для дебагу

Найбільше нервів — коли натискаєш кнопку, а нічого не відбувається. Тоді новачки сумніваються: AI написав неправильно? Мережа зависла? API зламався?

Можна перевірити використання API:

• Є запис — знято штраф: API викликано успішно! Дані повернулися. Це frontend-інша проблема. Можна сказати AI: “Дані отримано, але не відображаються, перевірте рендеринг.”
• Немає запису — запит не пішов. Це логіка або мережа. Сказати AI: “Кнопка не працює, запит не відправляється, перевірте обробку кліку.”

Прямо дайте AI висновок — і він швидше виправить. У Vibe Coding головне — не писати код, а розуміти проблему.

Коли ми довіряємо AI синтаксис і реалізацію — фокус повертається до контролю над інформацією.

Тому кажуть: кінцева мета Vibe Coding — не код, а дані.

5. Підсумки: два ключові підходи до Vibe Coding

Після досвіду з Google AI Studio, Antigravity і Lovable я зрозумів: інструменти — це меч у руках, а Vibe — це шлях у серці.

При спробах Vibe Coding пам’ятайте ці два важливі принципи — вони важливіші за будь-який код:

1. Мрій: уява — це ваш єдиний “обмежувач”

• У епоху Vibe Coding технічні бар’єри зруйновані. Раніше ми боялися створювати інструменти, бо не вистачало навичок. Тепер — доводимо, що логіка є — AI може писати.
• Не просто “будівельник”, а “архітектор”: мрійте про продукти, яких раніше боялися навіть уявити. Це радар для моніторингу всесвітніх даних? Або автоматичний арбітражний робот? Ваша задача — перетворити “бажання” у чіткий “план”.

2. Вмій говорити: підказки — це твій код

Багато новачків програють через те, що не вміють формулювати запити чітко. AI — не дурний, а “залежить” від того, наскільки ви конкретні.

Нечіткий запит = нечіткий результат

• Не давайте AI “зроби гарну веб-сторінку”. (AI: що таке “гарна”?)
• Формулюйте точно: “Мені потрібен темний дашборд із цими чотирма картками зверху, викликай API так, щоб він автоматично підсумовував, і справа — використовуй AI для підсумку…”

Запам’ятайте: ви — замовник. Ваша сила — у чітких вимогах і терплячому зворотному зв’язку. Якщо AI зробив помилку — не сумнівайтеся у собі, скажіть прямо: “Неправильно, почнемо спочатку, мені потрібно A, а не B.”

Якщо ви дочитали — ймовірно, вже маєте навички створювати інструменти за допомогою Vibe Coding.

Не вагайтеся — перетворюйте ваш Vibe у кодинг.