Відкриваємо світ AI-кодування: Економія та безмежні можливості
У світі штучного інтелекту з’являються все нові й нові інструменти, що обіцяють спростити розробку та прискорити створення прототипів. Lovable, Boldt, Replit, v0 від Versal – звучить багатообіцяюче, чи не так? Але за яскравими назвами криються певні обмеження, які роблять їх не найкращим вибором для тих, хто прагне глибшого занурення у світ AI-кодування, особливо якщо ви не хочете витрачати всі свої заощадження.
Я, Роб, розробник з понад 20-річним стажем, хочу поділитися своїм досвідом і розповісти про інструменти, які допоможуть вам не лише освоїти AI-кодування, але й заощадити при цьому. За останні два тижні я повністю за допомогою AI створив два проекти: Social Hacks, додаток для конвертації відео з Instagram, YouTube та TikTok у текст, та Macro Puls, вебсайт з фінансовою інформацією, позбавлений клікбейту та негативу. І повірте, я б не зміг реалізувати ці проекти за допомогою Lovable чи v0, а якби й зміг, це б обійшлося мені в кругленьку суму.
Ціна питання
Вартість використання AI-інструментів – це питання, яке варте уваги. Lovable, наприклад, пропонує безкоштовний план з п’ятьма повідомленнями на день. Звучить непогано, але чи достатньо цього для серйозної роботи? Платний план обійдеться вам у 20 доларів на місяць за 100 повідомлень. Boldt за ті ж гроші пропонує 10 мільйонів токенів, але якщо ви не знайомі з термінологією AI, це число навряд чи вам щось скаже. Replit, хоч і має чудовий додаток для кодування на телефоні, коштує 25 доларів на місяць, надаючи вам “25 доларів щомісячних кредитів”, що приблизно дорівнює 100 “агентським контрольним точкам”. Звучить заплутано, чи не так?
Versal V0 – ще одна загадка. Безкоштовний план не вказує кількість доступних повідомлень, а преміум обіцяє “в 10-20 разів більше повідомлень, ніж у безкоштовному”. Але скільки це в абсолютних числах? Знайти цю інформацію на сайті неможливо.
Найпрозоріша система у Lovable: кожен запит у чат-боксі коштує 20 центів. Наприклад, запит на створення сучасного мобільного вебсайту для трекера звичок з певними секціями, зображеннями та кнопкою завантаження обійдеться вам у 20 центів. І кожна наступна правка, наприклад, зміна кольору кнопки, також коштуватиме 20 центів. Це означає, що з Lovable потрібно дуже ретельно формулювати запити, щоб не витрачати кошти даремно. Ідеально було б спочатку створити детальний промпт за допомогою ChatGPT, а потім вже відправляти його в Lovable. Але навіть у такому випадку створення повноцінних додатків, що інтегруються з іншими сервісами та використовують AI, може виявитися надто дорогим.
Саме тут на сцену виходять інструменти, розроблені для професійних розробників, такі як Cursor. Спочатку вони можуть здатися складними та незрозумілими, але повірте, їх використання набагато простіше, ніж здається. І що найважливіше – вони значно дешевші!
Cursor: міць професійного інструменту за доступну ціну
Cursor пропонує 500 “швидких преміум-запитів” на місяць за 20 доларів. По суті, один запит дорівнює одному повідомленню. Крім того, він надає необмежену кількість “повільних преміум-запитів”, тобто ви можете продовжувати використовувати AI, навіть якщо використали всі швидкі запити, хоч і з деякою затримкою.
Winds surf – найближчий конкурент Cursor, і спочатку він навіть вразив мене більше. Але через невдалу систему ціноутворення з великою кількістю додаткових плат, він не може конкурувати з Cursor. Cursor використовує просту систему, де кожен запит коштує один кредит, тоді як Winds surf може списувати десятками кредитів за кожну окрему дію редактора.
На перший погляд, Cursor може здатися складним професійним інструментом, але не варто лякатися. Давайте подивимося, як він працює.
Знайомство з Cursor: Ваш перший AI-проект
Коли ви вперше відкриєте Cursor, він запропонує вам створити новий проект. Створіть папку, наприклад, “website test for YouTube”, і відкрийте її в Cursor. Тепер у вас є чистий проект, де ви можете почати експериментувати. Це не набагато складніше, ніж Lovable, але кожен запит обійдеться вам у 4 центи замість 20.
Перш ніж почати працювати з AI, важливо дотримуватися однієї важливої поради: оскільки ви не є професійним розробником, попросіть AI не встановлювати жодних додаткових пакетів і не використовувати TypeScript. Це допоможе вам уникнути непотрібних складнощів.
Ось приклад початкового промпту, який можна використовувати:
“Збудуй сучасний мобільний вебсайт для програми відстеження щоденних звичок. Він повинен мати п’ять секцій: герой із заголовком, зображення та кнопку завантаження. Зроби його чистим, швидким і орієнтованим на конверсію. Використовуй експертні методи копірайтингу. Не встановлюй жодних пакетів. Не використовуй TypeScript. Зроби все максимально просто. Я не кодер, я просто хочу запустити вебсайт для моєї програми. Зроби його суперсучасним з мікроанімаціями та згенеруй кілька макетів скріншотів з SVG.”
Я залишу цей промпт у описі до відео, щоб ви могли його скопіювати та спробувати самі.
Після відправки цього запиту Cursor створить для вас вебсайт, включно з файлом Readme, який пояснить, як відкрити створений сайт. Він може виглядати приблизно так:
“Habit Master app landing page: сучасна мобільна цільова сторінка для програми Habit Master для відстеження звичок.”
Все, що вам потрібно зробити, це відкрити файл index.html у вашому веббраузері.
Магія AI: Вдосконалення та адаптація
І ось тут починається справжня магія AI. Ви можете змінювати та вдосконалювати створений вебсайт за допомогою простих запитів.
Наприклад:
“Додай навігаційну панель у верхній частині, яка прокручується до окремих секцій. Зроби кнопку завантаження в кінці білою з чорним текстом для більшого контрасту. Перемісти зображення навколо тексту ‘unlock your full potential’ ліворуч.”
І Cursor внесе ці зміни за лічені секунди!
Уявіть собі: цей вебсайт коштував нам лише два повідомлення, тобто 8 центів! На Lovable це обійшлося б у 40 центів. І це ще не все: вебсайт є адаптивним, тобто чудово виглядає на мобільних пристроях!
Ви можете продовжувати експериментувати та вдосконалювати його, витрачаючи лише 4 центи на повідомлення, маючи в запасі 500 повідомлень на місяць.
Висновок: Відкрийте для себе AI-кодування без переплат
Cursor – це потужний інструмент, який дозволяє кожному, незалежно від рівня знань у програмуванні, створити власний вебсайт або додаток за допомогою AI. Він значно дешевший за Lovable та v0, і набагато потужніший.
Якщо ви хочете навчитися створювати складніші програми, такі як Macro Puls, вам обов’язково знадобиться такий інструмент, як Cursor. Тож не бійтеся спробувати. Завантажте Cursor і переконайтеся самі, наскільки це просто і доступно. І хто знає, можливо, саме ви станете наступним AI-розробником, який змінить світ!
