MVP застосунку в Telegram за 4 години — кейс від Авіві про застосування Claude Code

“Нереалізована ідея — мертва. Але її обов’язково воскресить хтось інший.” 

Хто і коли це сказав — не має особливого значення, оскільки це діє завжди, особливо у світі технологій. Надалі я розкажу про потребу, ідею її вирішення і створення інструменту за допомогою штучного інтелекту, що сьогодні цілком реальне тут і зараз. Звісно, якщо знати, куди дивитися і що робити.

Передисторія

Де придбати товар за найкращою ціною? Питання цікавить кожного — справа лише у самому товарі. Якось я задався цим питанням, коли шукав улюблене пиво. Пропозицій — безліч, гарні варіанти можливі від роздрібних мереж але як знайти оптимальну, щоб не переплачувати безпідставну націнку? Варіант ручного пошуку нецікавий — це нудно, довго і далеко не факт, що на першій сторінці Google я натраплю на бажане (а на другу сторінку я просто вже не зайду).

От якби було “щось”, що зробить всю нудну роботу за мене і скаже: найдешевше — там, там і ще отам; все решта — вже не так вигідно.

Тож моя потреба: банально просте й доступне рішення, що знайде вигідні пропозиції улюбленого пива тут і зараз. Кожен з вас може сформувати власну потребу й ідеальний варіант рішення, що його задовольнило б. Але з вірогідністю 95% саме такого ви ніде не знайдете. Тож вихід один — таке рішення треба створити.

Рішення

Якщо коротко, ми створили саме таке рішення, що було потрібне мені, в найкоротший термін. Ще, скажімо, рік тому, на розробку такого застосунку знадобилося б вдесятеро більше часу та ресурсів, однак сьогодні до наших послуг безліч пропозицій від платформ штучного інтелекту.

Від моменту, коли я озвучив свою потребу профільному розробнику, до миті, коли отримав три найбільш вигідні товарні пропозиції безпосередньо у своєму смартфоні через Telegram пройшло 4 години, я рахував. Однак ще більше вражає час написання самого коду — без обговорення міні-проєкту, написання промтів, підготовки середовища, налаштувань і тестів. Генерація суто застосунку зайняла у Claude Code 8 хвилин і 8 секунд.

Одвічне питання: “Де бачити результат?” вирішили найбільш раціональним на сьогодні способом, що надзвичайно простий для користувача і, практично, не потребує зусиль для реалізації — у Telegram. Головні переваги:

• Застосунок Telegram є майже у кожного у смартфоні, а якщо немає — офіційно встановити його не складає проблем та часу. Натомість користувач отримує простий доступ до потрібних інструментів;

• Claude Code генерує застосунок та не потребує часу й витрат задля окремої розробки  та дизайну — все реалізоване самим Telegram. Від власника застосунку лише сервер, де працюватиме рішення, що взагалі не є затратною проблемою;

• Немає перешкод для використання, жодних вимог чи реєстрацій: знайшли потрібного бота в Telegram за прямим посиланням чи qr-кодом і можна користуватися;

• Редагувати зміни в роботі застосунку можна в реальному часі — без перевстановлень чи оновлень.

Застосунок парсить веб-сторінки торгових мереж, шукає товарні позиції та повертає результат із трьома найбільш вигідними. Зрозуміло, що перелік джерел пошуку та кількість результатів можна масштабувати — три, це лише для нашої демонстрації.

Тож все чудово: терміни готовності MVP, інтерфейс, реалізація, функціонал. Для суто комерційних проєктів — ще й вартість розробки, що в рази відрізняється від ціни аналогічних рішень, виконаних у форматі web-app. Головне тут мати спеціаліста, який точно знає, що та як надати Claude Code для якісної генерації коду потрібного застосунку. Авіві має таких розробників та радо допоможе втілити в життя саме Вашу ідею. А тепер давайте подивимося, як все робилося.

Програмування з Claude Code

Отож, Claude Code є платформою залучення можливостей штучного інтелекту для розробки програмних продуктів. Для використання інструментів слід мати обліковий запис та розуміння роботи IT-проєктів.

Як і будь-який сервіс з використанням штучного інтелекту, Claude Code працює на основі промту — опису призначення та функцій майбутнього програмного забезпечення. Так, система розуміє, що саме треба створити, що для цього треба зробити та куди передати результати. Користувач сам вирішує, який технологічний стек потрібно використати для майбутнього проєкту та які сервіси залучити для отримання бажаного результату. Окремо слід зазначити, що для досягнення мети замовник має забезпечити Claude Code всіма необхідними доступами та API-ключі — інакше ШІ просто не зможе використати бажані технології.

Перед вами уривок промту для потрібного мені застосунку. Цей текст створений також Claude Code на основі довільного опису моєї мети: ШІ визначає потреби, структуру проєкту, функції та решту необхідної інформації для базису. Користувач в змозі коригувати промт та направляти штучний інтелект у потрібному напрямку.

Особливістю нашого застосунку стало використання NCP-серверу context7. Це масштабне зібрання документації з різних технологій, що покращує роботу ШІ. Відтак Claude Code не потрібно самостійно шукати інструкцій, як та для чого використовувати зазначені технології: context7 вже містить все необхідне в єдиному місці. Такий підхід полегшує код та швидкодію майбутнього застосунку.

Оскільки context7 надає інформацію з використанням API, перед реалізацією проєкту слід надати Claude Code АРІ-ключ до акаунту на сервері, за яким ШІ звертатиметься за потрібними даними. Цей ключ (як і решта можливих) зазначається у промті.

Ще одна цікава особливість Claude Code — тут можна додавати до проєкту кастомних ШІ-агентів, що будуть виконувати певні функції на різних етапах виконання. Такі агенти створюються за окремим промтом з описом, що вини мають робити. Приміром ШІ-агент “тестувальник” (test-validator) буде шукати й виправляти помилки в коді; “дизайнер” зможе створити графічний інтерфейс тощо. Для кожного ШІ-агента можна вибрати маркування кольором.

Про суть та призначення ШІ-агентів можете дізнатися більше зі статті ШІ-агент з пошуку, збору та аналізу інформації для публікації у каналах ЗМІ нашого блогу.

Коли всі налаштування зроблені, ШІ-агенти призначені, а доступи надані, Claude Code складає детальний план, за яким буде генеруватися код майбутнього рішення. Зазначу, що взаємодія з користувачем відбувається суто у формі діалогу: ШІ ставить питання і дає варіанти відповідей. Це яскравий принцип вайб-кодингу, що не вимагає від людини поглиблених знань програмування, хоча й не скасовує базові.

А далі починається “магія”. На основі всіх попередніх даних, штучний інтелект пише код та досягає вирішення поставленого завдання. Цей процес нічим не відрізняється від звичайної роботи живих програмістів: тут є місце роздумам, спробам та навіть помилкам. Приміром так виглядає факт виявлення помилки попередньо створеним ШІ-агентом test-validator та її виправлення вже під час розробки. Велика перевага в порівнянні з людьми — не треба збиратися на міт, доповідати про проблему та звітувати про її вирішення, адже на все це у  Claude Code йдуть лічені секунди.

За готовністю Claude Code звітує про виконане завдання й публікує рішення у визначених місцях. У моєму випадку це суто Telegram-бот, що не має кастомного графічного інтерфейсу. Однак за потреби, ШІ створив би і окрему веб-сторінку, і зручний дизайн для неї — головне, щоб все це було зазначено в початковому промті.

Висновки

Команда Авіві підготувала цю статтю, щоб предметно показати сучасні можливості ШІ для створення програмного забезпечення. Те, що раніше потребувало години роботи кількох спеціалістів тепер може зайняти лічені години. Разом із тим цілковито покладатися на штучний інтелект у виконанні складних завдань ще зарано: без людини навіть найрозумніша машина не створить потрібного рішення. Тому резюмуємо:

• Claude Code може стати незамінним помічником для створення MVP проєктів, де все вже ніби працює, але має численні варіанти для покращень;

• Використання  Claude Code чи схожих платформ істотно полегшують роботу розробників, але не виключають їхню роль;

• Штучний інтелект допоможе вам не “поховати” перспективну ідею для бізнесу;

В Авіві Вам допоможуть реалізувати будь-яку ідею силами професійної команди та засобами технічного прогресу.