Тупо БАЗА по вайбкодингу і Антигравіті
Крипто-подорожі з Дмитром - канал про ретродропи, тестнети, блокчейни, скрипти, NFT, криптобіржі, А ТЕПЕР ВЖЕ І ПРО агентів, вайбкодинг, промпти і всяку різну фігню про ШІ, коротше, про все цікаве зі світу криптовалюти та братів наших менших. Впевнений, тобі буде цікаво та корисно.
Чат каналу - ласкаво прошу, спілкуємось, ділимося новими активностями, допомагаємо один одному.
Останнім часом трохи закинув крипту, нічого не відбувається, гроші на халяву не роздають, то вирішив підтягнути знання ШІ і вайбкодингу. Періодично пишу всякі штуки в каналі, про Антигравіті, скіли, воркфлов і інші незрозумілі слова.
І тут раптом мене запитують: "З чого взагалі почати, щоб основи програмування освоїти?". А я такий "А для чого тобі дурним голову забивати? Пиши нормальною мовою що тобі треба і все."
Але потім подумав: "А реально. Людина вирішила, що теж хоче таке спробувати, раніше таким не цікавилась, С від Python відрізнити не може, в Політехах не вчилась. НАХЕРА ЇЙ ЧИТАТИ ПРО ВОРКФЛОВ, якщо він не розуміє що таке python main.py???"
Тому і вирішив взагалі коротко, для новачків, без супер альфи, бети і гамми написати невелику статтю: для чого це все, які є варіанти вайбкодингу, як почати, де брати промти, для чого можна використати і те де.
Без розумних термінів, без лайфхаків для проФФесіоналів, просто мінімальний гайд. А далі вже кому як піде - мені дуже подобається, я зараз цим заробляю непогані гроші, комусь взагалі не зайде, а хтось і читати не буде, нафіга на заводі вайбкодити?
Для чого це все
Прям супер розвиток вайбкодингу для мене почався десь восени 25-го. До цього моделі були тупішими, кодили так собі, думали довго, тупили багато.
Що це за слово, взагалі? Можливо, хтось сів читати статтю під чайок і думає: "Сука, ще раз прочитаю це незрозуміле слово - виключу браузер і піду CS ганяти". Тому відповідаю: ВАЙБКОДИНГ - це коли ти ніхера не вчив програмування, але пишеш якісь програми, скрипти, додатки, сайти, як боженька. ПРОСТО ОПИСУЮЧИ ВСЕ, ЩО ТОБІ ТРЕБА, ПРОСТИМИ СЛОВАМИ ДЛЯ ШІ, який робить (намагається робити) все, що ти скажеш.
Для мене на ринку є тільки 3 конкурента для вайбкодингу: Claude, Gemini (Гугл), OpenAI (ЧатГПТ). Все інше - від лукавого. І саме в тому порядку, що я написав, вони і розміщені по крутості (це все теж суб'єктивно).
Клод - має супер модель Opus, який кодить, як сеньйор (в середовищі програмістів це майже бог, знає і може все) і простішу модель Сонет - цей щось типу мідл (простіший сеньйора, середній рівень крутості в програмуванні).
Геміні зараз актуальні моделі 3.1 Pro і простіший, який, зазвичай, називають Флеш. 3.1 Pro порівнюють з Опусом, але для мене він програє і працює на рівні Сонета або трохи краще. Флеш працює швидко, дешево і не супер розумно, для простих задач згодиться.
Від розробників ЧатуГПТ в нас Кодекс, якщо не помиляюсь, кажуть, що теж на рівні, але я не користуюсь ні ЧатомГПТ, ні кодексом, ні Сорою, яку вже закрили, ніфіга не користуюсь нічим від OpenAI, тому не можу багато розказати. Просто чув що круто, якщо маєте підписку чатугпт.
Ось в каналі ще про моделі писав, можете глянути - https://t.me/CryptoTravelsWithDmytro/955
БУДЬ ЯКА МОДЕЛЬ з перерахованих може написати вам код, хтось краще, хтось гірше, хтось з першого разу, комусь треба пару годин і матюки, але напише. Для чого це все?
Комусь для себе - автоматизувати якісь робочі процеси, наприклад, кожного дня робити звіти по продажах на основі CRM або гугл таблиць.
Комусь для замовників - на фрілансі неміряно завдань з автоматизації або написанню сайтів/лендінгів, правки існуючих проектів, парсинг даних, якісь АРІ інтеграції і ще куча всякого добра - якщо ви думаєте, що тільки вручну можна це зробити, в мене для вас гарна новина.
Комусь для крипти - в нас же канал і про крипту теж ). Автоматизація відпрацювання різних ретродропів/тестнетів, автоматичний постинг/реплаї в Твітер/Дискорд, ТГ боти для торгівлі - теж неміряно застосувань.
Де це все робити?
Можна в зручних програмах, IDE їх ще називають. Напевно ви чули щось про Cursor, є ще багато різних аналогів, типу Qoder або класичні середовища розробки типу PyCharm, в які зараз вже можна інтегрувати модель ШІ і вона буде робити те, що раніше ти робив би руками (якби вмів).
В Клода є своя окрема тулза Клод Код (Claude Code), яким можна користуватись просто в командній стрічці або теж інтегрувати в сторонні IDE. Зразу попереджаю - ця приблуда не безкоштовна. Потрібно або працювати з нею через АРІ Клода (платити за кількість інформації, яку ви передаєте туди-сюди) або використовувати стандартну підписку (20/100/200 баксів). За 20, відповідно, отримаєте зовсім малі ліміти використання, за 100, кажуть, що вистачає ніби.
В Геміні є аналог Клод Код - Gemini CLI. Це щось типу теж просто командна стрічка, таке собі задоволення. І в листопаді чи в грудні 25-го вийшов Антигравіті - окрема IDE по типу Курсора, але офіційно від Гугла.
Я почав нею користуватись, напевно, з першого дня, коли все глючило страшно і користуюсь і сьогодні, хоча апостоли Клод Кода і обсирають її хто як тільки може.
Причин користуватись декілька:
- Зручне вікно IDE з чатом, вікном коду, деревом проекту, терміналом, тобто повністю окреме середовище розробки, де є все потрібне;
- БЕЗКОШТОВНО. Так, в безкоштовному тарифі (просто логінитесь гугл акаунтом будь яким) малі ліміти, але вони є. В стандартній підписці Gemini Pro ліміти вже в рази більші і мені їх часто вистачає (не завжди).
- РІЗНІ МОДЕЛІ і не тільки від Гугла. Ви будете сміятись, але в комплекті йдуть Опус і Соннет, які є моделями конкурента Гугла і теж БЕЗКОШТОВНО. Ще раз: ОПУС БЕЗКОШТОВНО. Та навіть в самому Клоді він коштує в рази дорожче Соннета (хоча і заслуговує цього). Ще є модель від чатугпт, але я нею не користувався жодного разу, тому не можу сказати нічого гарного, там якась дивна модель, не 5.х
З чого почати?
Ну, якщо ми про Антигравіті (я не змушую вас ним користуватись, просто сам користуюсь, причини написав вище, тому на його прикладі напишу, сенс у всіх +-однаковий), то вам сюди - https://antigravity.google/download
Скачуєте інсталятор, встановлюєте, логінитесь поштою Гугла.
Створюєте на компі якусь папку, тиснете в АГ File - Open Folder, вибираєте цю пусту папку.
Бачите перед собою якусь незрозумілу фігню, зараз буде простіше:
1 - в вас буде пусто, це дерево проекту, там видно всі ваші створені папки і файли, як звичайний провідник в Вінді.
2 - вікно коду. Якщо дуже страшно, можете закрити або звузити до мінімуму, хоча виглядає солідно, зразу відчуваєш себе кодером.
3 - термінал. Тут агент буде запускати скрипти командами, можна і самому це робити якщо знаєш як. Також тут буде видно процес виконання, якщо це щось не візуальне, а саме текстом написане. Терміналів може бути багато, можна між ними переключатись, хоча якщо ви самі нічого не запускаєте, то не партесь.
4 - це по суті все, що вам треба - вікно чату з моделлю, як в звичайному браузері ви пишете чату гпт "Згенеруй мені котика" або "Що таке синхрофазотрон?" - тут так само, просто словами пишете те, що вам треба, тиснете Ентер і дивитесь на магію.
5 - вибір моделі, вже трохи говорили про це. Для супер складних задач вибирайте Опус, для інших Геміні Pro High або Соннет, для мінімальних правок, якихось запитань, запуску коду, уточнень і ще всякої фігні - Флеш.
6 - налаштування. Там багато різного добра, можна підключати інші середовища через ключі АРІ, налаштовувати агента, дивитись квоти і багато іншого.
7 - агент менеджер. Оскільки система мультиагентна, то ви можете запустити декілька агентів паралельно, щоб не чекати послідовного виконання. Як в фільмі "Бєлоє солнце пустині" (може хтось чув таке кіно) з дружинами - одна їсти варить, інша за дітьми дивиться, третя прибирає в будинку. І тут так само: якщо проект складний, то один агент може писати візуал сайту, наприклад, інший в цей час бекенд робити, третій розробляє взаємодію з БД, четвертий статті СЕО пише для сайту і так далі.
Як зафігачити свій перший проект
Ну, для початку потрібно розуміти, що вам треба. Без реальної задачі важко придумати просто що небудь (і нецікаво).
Якщо маєте конкретну задачу (тільки почніть не з інтернет магазину з інтеграцією MySQL і паралакс ефектами або парсингу Амазона), то можете реалізувати її. Якщо не маєте - зайдіть на будь який фріланс і гляньте, що треба людям.
Наприклад, реальне завдання з фрілансу:
Для початку вам ПРОСТО НЕОБХІДНЕ ТЗ. Життєво необхідне ТЗ
Без ТЗ результат ХЗ, як кажуть сеньйори кодери, тому робимо.
Щоб не витрачати ліміти в АГ, ТЗ можна скласти просто в чаті будь якого ШІ, якщо маєте про підписку - супер, без неї теж ок.
Скидаєте скрін, наприклад, в Геміні. Просите його:
"Ти - сеньйор кодер зі стажем більше 10 років. Напиши коротко і просто стек для вирішення такого завдання від замовника. Запропонуй 2-3 варіанти, напиши переваги і недоліки кожного"
Привіт. Як сеньйор сеньйору: задача класична, нічого космічного. З огляду на вимоги (3-5 сайтів, вивантаження в Google Sheets, щоденне оновлення), головне питання — наскільки сайти донорів захищені від парсингу та чи використовують вони динамічний рендер (JavaScript).
Ось 3 оптимальні варіанти стеку для цього завдання:
Варіант 1: Класичний і легкий (Python + Requests)
Ідеально підходить, якщо сайти прості, віддають HTML відразу і не мають жорсткого захисту від ботів (наприклад, Cloudflare).
Стек: Python + requests + BeautifulSoup4 + gspread (для запису в Google Sheets).Автоматизація: GitHub Actions (безкоштовно) або cron на найдешевшому VPS ($4-5/міс).Переваги: Максимально швидко пишеться, працює блискавично, споживає мінімум ресурсів. Нульові витрати на інфраструктуру, якщо крутити через GitHub Actions.Недоліки: Не впорається з сайтами на React/Vue (де контент вантажиться через JS), легко блокується базовими антибот-системами.
Варіант 2: "Важка артилерія" (Python + Playwright)
Найбільш універсальний і надійний підхід для сучасного e-commerce.
Стек: Python + Playwright (сучасніша та швидша альтернатива Selenium) + gspread.Автоматизація: VPS + cron або планувальник завдань.
І ТАК ДАЛІ, не буду копіювати весь текст.
Я б далі запитав: як дізнатись чи підійде простий варіант? Він вам знову дасть розумну відповідь:
1. Тест "Вимкнений JavaScript" (Перевірка на SSR/CSR)
Найпростіший спосіб дізнатися, чи віддає сервер "чистий" HTML з цінами.
Відкрий сторінку категорії або товару на сайті конкурента.Відкрий Chrome DevTools (F12) -> Ctrl+Shift+P (або Cmd+Shift+P на Mac) -> введи Disable JavaScript і натисни Enter.Онови сторінку (F5).Результат: Якщо товари, назви та ціни залишилися на екрані — супер, requests + BeautifulSoup4 впораються без проблем. Якщо ти бачиш порожній екран, нескінченний лоадер або поламану верстку без даних — це динамічний рендер (React, Vue тощо).
Запитуєте в нього все, що вас цікавить, я б ще, наприклад, запитав для чого нам сервер і/або що таке cron. Неважливо якими словами ви пишете, головне - запитати в нього все, що вас цікавить і надати йому всю інформацію, яка йому потрібна.
Буває інколи складне завдання, де краще ви йому напишіть, щоб він задав вам 3-5 запитань як це має бути або написав де взяти цю інформацію.
Останнім промптом спілкування має бути:
На основі всіх наших обговорень і вибору стратегії розробки напиши детальне ТЗ для розробника. ТЗ має містити всі вимоги по проекту від замовника, стек технологій, а також всі правки та нюанси, які ми обговорили вище. Також додай пункт про розміщення проекта на сервері і налаштування періодичності через cron (це якщо про наш приклад). Результатом виконання ТЗ має бути повністю робочий скрипт, який буде виконувати завдання замовника
Забираєте ТЗ, йдете в АГ, включаєте опус, вставляєте ТЗ, можна без пояснень і просто періодично поправляєте челюсть, щоб випадково не наступити на неї.
Після закінчення роботи можна змінити модель на простішу і попросити створити віртуальне середовище, встановити залежності (я звик до Пайтона) і запустити тестово скрипт. ШІ сам це зробить, не хвилюйтесь. Якщо є якісь помилки, а вони 95%, що будуть, ШІ теж сам це помітить і буде виправляти код.
Після відпрацювання скрипта ви перевіряєте результати і якщо щось не так, то теж пишете простими словами або робите скрін і скидаєте прямо в чат.
Декомпозиція
Дуже страшне слово, насправді означає одну просту істину.
Думаю, що ви чули десь і колись таке запитання: "Як з'їсти слона?". Якщо не знаєте, то я вам скажу: "По кусочку".
Що означає це в нашій статті: не намагайтесь зробити абсолютно все з першого промпта - 98%, що у вас не вийде взагалі нічого.
Колись я хотів написатискрипт на відпрацювання криптовалютного проекту. Ні Клод Код, ні Кодекса, ні Антигравіті тоді ще не було, тому я писав в звичайному Пайчармі, просто код мені писав Геміні, а я його переносив в IDE. Кажу йому, щоб написав модуль для крану, він написав, кажу, щоб зробив свап, він робить, додавання ліквідності - теж зробив, різні дапки, нфт, чекін - просто бог, пише на пару секунд. Аж через годину я додумався запустити хоча б що небудь, витратив ще 2 дні і так і запустив НІЧОГО, взагалі нічого.
З того часу моделі стали розумнішими в рази, але робіть все по черзі і зразу перевіряйте. Наш приклад з парсером товарів: зробіть спочатку підключення до одного сайту, нехай покаже скільки товарів можна спарсити. Зробив? Все правильно? Парсіть 1 товар. Щось не так? Треба фіксити, скидати скрін, скидати таблицю або казати, щоб він сам перевірив і виправив.Зробили? Парсіть фото товару, потім одну категорію з пагінацією (сторінки1, 2, 3 і так далі). Потім переходьте до іншого сайту і знову з мінімуму починайте.
Один сайт спарситься легко, на запитах, на іншому сторінки будуть підвантажуватись через JS, треба буде Плейрайт (типу ьраузер відкривати, щоб було схоже на реального користувача), на третьому буде стояти Cloudflare або інша антибот гидота і до кожного буде свій підхід.
Головне, що вам треба знати: ЗРОБИТИ МОЖНА ВСЕ, АБСОЛЮТНО ВСЕ, що ви можете придумати з легальних проектів або прочитати в завданнях фрілансу. Люди навіть захист банків ламають, ШІ вже щось теж з цього вміють, але нам таке не треба. Просто знайте, що будь який проект ви, хто ніколи не вчив кодингу, можете зробити.
Чого він тупіє на очах???
Ви з таким будете стикатись періодично, спробую пояснити, а ви спробуєте запам'ятати: пишете промпт, модель пише код, запускаєте - помилка, фіксить, запускає, помилка - так декілька разів. Запускає - працює ніби то. Перевіряєте - не спарсив товар (якщо брати наш приклад) або спарсив тільки назву і артикул. Фіксить, вже ніби ок, нема фото. Ви починаєте злитись, писати, що він дебіл (я інколи так роблю), доводите до робочого стану, пишете наступне завдання. АЛЕ...
З КОЖНИМ ВАШИМ ПОВІДОМЛЕННЯМ І ЙОГО ВІДПОВІДДЮ ЗРОСТАЄ ВІКНО КОНТЕКСТУ.
Для того, щоб модель розуміла про що мова, їй програма намагається передати всю вашу переписку з цього конкретного чату. Але в будь якої моделі є ліміт пам'яті, наприклад, в Клода вона, здається 200К токенів, в Геміні 1млн токенів. Це багато, але інформації стає все більше, модель намагається все тримати "в голові", починає плутатись, ловити глюки і в кінці кінців ви її проклинаєте )
- Самий простий: як тільки бачиш, що щось починає відбуватись не за планом, замість того, щоб починати фіксити помилку за помилкою, просто напиши: "Зроби коротке резюме цієї гілки, що треба було зробити, що і яким способом ми реалізували, що ще треба зробити, які проблеми і помилки наразі існують". Копіюєте відповідь разом з помилкою, створюєте новий чат і вставляєте все туди, можна з фразою: "Допоможи пофіксити". Запевняю вас: це збереже вам дуже багато часу і нервів, просто повірте.
- По суті все те саме, але після першого промпта просіть модель створити інструкцію в файлі INSTRUCTIONS.md і періодично нагадуйте їй додавати туди що і яким чином вже зроблено. Виглядає це приблизно так:
і потім цей файл постійно оновлюється, типу зроблено це, тут виникла проблема з антибот системою, вирішено так і т.д.
При перших глюках ви відкриваєте новий чат і кажете: "Проаналізуй файл INSTRUCTIONS.md і продовжуй роботу".
Ви повинні розуміти, що коли ви відкриваєте новий чат - це те саме, що людина з деменцією - зранку вона не пам'ятає НІЧОГО, їй треба або пояснити все з самого початку, або просити проаналізувати проект і думати, що вона здогадається, що ви хочете зробити, або робити ось такі помітки/підказки для швидкого продовження роботи.
Користуйся презервативом Гітхабом
Увага!!!!!!! Цей розділ може здатися страшним. Якщо у вас панічна атака від слів 'термінал' і 'репозиторій' — пропустіть його поки що, виживете і без Гіта. Але якщо хочете зберегти собі нерви в майбутньому — зберіться і читайте
Ми ж тепер круті кодери, а круті кодери не уявляють своє життя без Гітхабу. Нафіга він нам? Не знаю, але це круто ))).
Це я так жартую, зараз все розкажу і це реально треба робити:
короче ви витратили пів дня і, як казав Чебурашка "строілі, строілі і, наканєц, пастроілі" - все на цьому етапі працює, всі задоволені, як слоники. Ви пишете: "в колонці "Характеристики" відміть всі пусті колонки червоним, а всі заповнені почни з великої літери". І все, гейм овер. Я не знаю як це працює, але про те, що тепер скрипт працює взагалі не так або взагалі не працює ви зрозуміли аж після семи правок або завтра.
А все чому? А все тому, що треба читати заголовок вище. В кого нема Гітхабу - зареєструйте, в кого є Гітхаб - створіть під проект новий ПРИВАТНИЙ репозиторій і періодично робіть коміти. Бачите який я крутий кодер - стільки слів незрозумілих знаю.
Репозиторій - це ваш проект на Гітхабі. Супер мега крута фішка Гітхабу - зберігати всі зміни проекту. Тобто в вас зараз все працює, ви робите коміт - типу поточний зліпок вашого проекту, всі файли (майже всі) в поточному стані копіюються на гітхаб І БІЛЬШЕ НЕ ЗМІНЮЮТЬСЯ В ЦІЙ ВЕРСІЇ. Наступний коміт не перезапише всі файли, а створить наступну версію і так до нескінченності. Можна і треба ще писати примітки (це буде робити ШІ) що змінилось в цій версії. Якщо раптом щось пішло не так, ви можете відновити (відкотитись) до останньої робочої версії і продовжити з цієї контрольної точки.
1. Зайдіть в терміналі (будь де, можна звичайний термінал Вінди або навіть в самому АГ) в папку проекту і активуйте Гітхаб: git init
2. Створіть сам репозиторій на Гітхабі, поставте, що він приватний і назвіть якось.
3. Зробіть перший коміт (чи ініціалізацію):
git remote add origin https://github.com/vash-login/vash-proekt.git
4. Створіть файл git_sync.md (назва наприклад, пофіг, не принципово), збережіть його в папці проекту за адресою .agent\skills
5. Текст файлу-інструкції такий:
# Git Sync & Recovery Skill
Цей скіл дозволяє агенту автоматично керувати версіями проекту та синхронізацією.
## Команди
### 1. "Save" (Зберегти та вивантажити)**Опис:** Робить коміт усіх змін та пушить їх у репозиторій.**Дії:**1. `git add .`2. Сформувати короткий опис змін (Conventional Commits style, **обов'язково українською мовою**).3. `git commit -m "feat/fix: [опис українською]"`4. `git push origin main` (або ваша поточна гілка).
### 2. "Sync" (Синхронізувати)**Опис:** Підтягує останні зміни з GitHub.**Дії:**1. `git pull origin main`
### 3. "Revert" (Повернути до робочого стану)**Опис:** Скасовує останні зміни, якщо щось зламалося.**Дії:**1. `git reset --hard HEAD` (для повного відкату до останнього коміту)2. АБО `git checkout [file]` (якщо треба відкотити конкретний файл).
## Правила- Завжди перевіряй статус (`git status`) перед комітом.- Якщо є конфлікти при `pull`, повідом користувача негайно.
Ну, в принципі все. Далі просто пишете агенту: "зроби коміт" або "відкоти до попередньої версії". Перший раз вискочить вікно авторизації Гітхабу, потім все буде робитись за секунди.
Ще трохи про безпеку
Якщо ви робите скрипт з розробки рецептів смажених пиріжків, то і хрен з ним, але рівно в той момент, коли вам треба записати якісь приватні дані, наприклад, АРІ ключ від ШІ або приватник від гаманця, або пароль від БД, на сцену виходить .env - це просто сама елементарна база для збереження ваших приватних даних. Цей файл не передається на Гітхаб (прописується в Гіт ігнор), дані з цього файлу не читає скрипт, ви йому просто пишете "АРІ ключ від Геміні в файлі .env, змінна my_apy_key", а в .env прописуєте my_apy_key = "якийсь_там_арі_ключ". По факту, це звичайний текстовий файл, в нього нема якоїсь визначеної структури, просто він вважається прихованим і всі приватні дані ви прописуєте туди (або кажете ШІ їх туди записати, якщо довіряєте йому).
SKILLS - цим все сказано
Це прям маст хев в сьогоднішньому вайбкодингу, це прям економія десятків годин і блоків цигарок, а інколи і єдиний твій рятівний круг в новій і незрозумілій темі. В чому суть? Суть в тому, що це окремий файл-інструкція для ШІ з конкретними покроковими вказівками що потрібно робити в якійсь ситуації. Наприклад, є скіл для роботи з MySQL, є для створення дизайну сайту, є для парсингу даних, для тестування додатку, для роботи з iOS, ДЛЯ ВСЬОГО Є СКІЛИ, навіть для створення скілів є скіл. Знову ж таки - це не щось супер складне, це звичайний файл .md - типу текстового, але він структурований, так ШІ простіше його читати. Із-за цього скіли, зазвичай, універсальні, тобто вони підходять для будь якого IDE і для будь якої моделі.
Як знайти скіл під вашу задачу?
Простіше не буває, ви не повірите. Просто пишеш будь якому ШІ або просто в чаті АГ чи Клод: "Мені треба спарсити сайт ОЛХ. Хочу знайти всіх продавців синього LM в м'якій пачці виробництва кінця 90-х або початку 2000-х. Знайди для цього скіл на гітхабі". Модель сама знайде тобі найкращий скіл, скине посилання або навіть і скачає собі в робочу папку і буде використовувати в своїй роботі.
Як самому створити скіл?
Десь так само просто. Спочатку вигначимо: а нафіга взагалі таке робити? Наприклад, ви пишете лендінги під замовлення. Перший раз скинули завдання від замовника і вийшла якась фігня, якось зліпили і віддали, ніби не матюкався. Наступного разу ви не тільки скинули завдання, а й дописали пару слів від себе, типу "створюй також адмінку, там мають бути ось такі параметри, також інтегруй сповіщення в ТГ, отже в адмінці має бути можливість вставити ТГ токен, також роби, щоб картинки наближались на 15%, коли я навожу на них мишку". І вуаля, вийшло значно краще. Наступного разу ти написав все це саме, але додав ще пару прикольних фішок і ось в тебе просто геніальний лендінг, король лендінгів, тепер ти можеш їх клепати по 5шт в день. Але...
Кожен раз скидати цю всю поему - результат кожен раз буде різним;
Тому ти просто пишеш чаті, можна в тому самому АГ:
"Чувак, ось мій робочий процес. Я роблю лендінги. Завжди юзаю ось такий стек, завжди роблю адмінку з полем для ТГ-токена, картинки мають зумитись на 15% при ховері. Завжди перевіряй ось це і ніколи не роби ось цього. Упакуй мені всю цю херню в ідеальнийSKILL.md".
Він сам створить правильну структуру, пропише правила так, як йому ж самому потім буде зрозуміло читати, і збереже це у файл. Все. Наступного разу, коли приходить замовник на лендінг, ви не пишете йому всю цю фігню. Ви просто кидаєте ТЗ і кажете: "Зроби мені лендінг, використовуй скіл Super_Landing_Maker".
І він робить все ідеально по вашому стандарту. А якщо десь трохи промазав або ви придумали нову фішку (наприклад, додати сніг на сайт під Новий Рік) — ви не матюкаєте його в чаті. Ви відкриваєте файл скіла, дописуєте туди один рядок і зберігаєте. Все, ви тепер крутий розробник лендінгів, з вас 100 баксів )
ВоркФлоу - ті самі яйця...
Воркфлоу - це, по факту той самий скіл, але з командою запуску. Зараз розповім детальніше.
Якщо Скіл більше відповідає на запитання "Як?" (як працювати з MySQL, як створити бота в ТГ, як малювати гарний дизайн сайту, як, як, як), то Воркфлоу - це про дію: створи детальний план проекту, задеплой проект на сервер, запусти тестування скрипта, ось така помилка, запусти дебаг і так далі. Тобто це скіл, де написано що за чим потрібно робити.
Напевно, самим простим, але і самим відомим і необхідним збірником воркфлов є ось цей: https://github.com/vudovn/antigravity-kit
В цій підбірці є багато скілів і десяток найкращих воркфлов для основних задач. Ви копіюєте це в папку .agent\workflows і поітм викликаєте потрібну дію за допомогою "/".
Це прям максимально зручно, я вас запевняю. Це настільки зручно, що я саме цей список закинув собі в глобальну папку C:\Users\User\.gemini\antigravity\global_workflows і тепер їх не потрібно копіювати в кожен проект.
Шедевр інженерії — MCP
Якщо скіли — це інструкції, то MCP (Model Context Protocol) — це ключі від всього на світі (майже). Це універсальний перехідник (як Type-C) для вашого ШІ. Уявіть, що вам треба витягнути дані з вашої бази PostgreSQL і записати в Notion. Раніше треба було гуглити API, давати ШІ структуру бази і довго все налаштовувати. Зараз ви просто заходите в налаштування Антигравіті, тикаєте "Додати MCP", вибираєте готовий перехідник (вони є для всього: Slack, Google Диск, будь-які бази) і даєте логін/пароль. Далі пишете в чат: "Подивись у мою базу, витягни вчорашніх юзерів і створи для них карточки в моєму Notion". ШІ сам лізе в базу, сам читає структуру, сам коннектиться до Notion і робить роботу. Ви йому нічого не пояснюєте.
Якщо в базі АГ немає MCP під вашу APP, то що ми робимо? Правильно - просимо знайти його на Гітхабі.
Я не впевнений, що ви чули хоча б половину з тих проектів, для яких є MCP "з коробки", але, як мінімум, можна підключити Figma, Notion, Google Stitch для дизайну, Perplexity, PayPal, Github і багато іншого для зручності можна без проблем. Знаходиться це все в налаштуваннях, як на скріні
Деплой: Закидаємо на сервер за 3 хвилини
Скрипт готовий, працює на компі. Але специфіка його так, що він має працювати 24/7? Або ви зробили сайт і тут вже точно він має працювати 24/7.
Можна кожен раз писати все і пояснювати в терміналі або скопіювати ту саму збірку воркфлоу, написати "/deploy" і нижче "Ось IP мого сервера, логін і пароль. Перенеси все, встанови залежності, запусти". Він сам побіжить виконувати команди в терміналі і відзвітує, коли все буде готово.
Але порада: не пускайте його так самостійно гратися на робочі сервери, де вже крутяться якісь ваші важливі скрипти — може випадково знести щось не те. Для нових скриптів або експериментів беріть чисті сервери.
Висновки
Їх не багато, але вони важливі:
- Ти можеш кодити зараз краще і швидше, ніж більшість програмерів, які вчились для цього 5 років;
- Ти можеш кодити БУДЬ ЯКОЮ мовою, тупо ніхто не може одночасно знати Python, JavaScript, TypeScript, SQL, Go, Rust, C#, PHP, C++, Java. Додайте сюди ще різні HTML, CSS, JSON, XML і ще кучу незрозумілих слів. Хтось вивчить це все сам? Ну, успіху, я за цей час встигну заробити мільйон баксів і постаріти )
- Ти можеш, як мінімум, зробити так, щоб автоматизувати ЩОСЬ, що дістає тебе кожен день і цим спростити собі життя. Не вмієш поки що, боїшся, думаєш, що не впораєшся, не хочеш це робити для когось? Роби для себе. Налаштуй, нарешті, щоб ті довбані звіти в екселі генерувались раз в на тиждень самі або спарси собі 200 товарів і створи інтернет-магазин на дешевому хостингу. Або зроби, щоб зі всіх ТГ каналів витягувались пости і ШІ їх структурував і присилав тобі в бота в зрозумілій формі і ти не витрачав пів дня на читання одного і того самого.
- Це простіше, ніж тобі здається, це робить життя кращим, це схоже на наркоту, коли в тебе вийшло ЩОСЬ і ти тепер хочеш зробити все на світі, це не соромно - так говорять тільки "трушні" кодери, бо в них підгорає, що їх "елітність" пішла по статевому органу і тепер кожен може бути кодером.
- Це просто, це безкоштовно, це українською (а не на Пайтоні чи С), це круто!!!
ТО ЯКОГО ХЕРА ТИ ЩЕ ЧИТАЄШ ЦЮ ВСЮ ФІГНЮ, А НЕ ПІШОВ ТВОРИТИ???
Якщо хочеш читати всі актуальні новини і гайди, підписуйся на мій канал:
https://t.me/CryptoTravelsWithDmytro
Якщо маєш запитання, приєднуйся до нашого чату:
https://t.me/+O07RU8qeDoUwZGFi
Якщо хочеш заробити мільйон баксів і "+" в карму, ЗАПРОСИ ДРУГА В КАНАЛ АБО СКИНЬ ПОСИЛАННЯ НА СТАТТЮ - МОЖЛИВО, ЦЕ ЗМІНИТЬ НЕ ТІЛЬКИ ТВОЄ ЖИТТЯ, А Й ЙОГО.
Якщо маєш пропозиції по співпраці або будь які запитання особисто до мене, пиши: