Blog

AI prototypovanie s Loveable: Funkčné MVP za víkend

Počas víkendu som mal príležitosť otestovať nový AI nástroj Loveable, ktorý bol dočasne sprístupnený zadarmo. Rozhodol som sa túto možnosť využiť naplno a vyskúšať ho na startupovom projekte, na ktorom pracujem spolu s manželkou. Vďaka za tip patrí Matúšovi Markovi.

Od prototypu vo Figma Make k funkčnej aplikácii

Ako vstupný bod som použil už vytvorený prototyp vo Figma Make, z ktorého som exportoval zadanie. Chýbal mi však backend, a práve tam prišiel na rad Loveable. V priebehu dvoch dní sa mi podarilo zostaviť a nasadiť minimálne životaschopný produkt (MVP), ktorý by z pohľadu vývoja spĺňal štandardy moderného webového projektu.

Čo sa podarilo postaviť

Výsledkom bol plne funkčný prototyp s kompletnými obrazovkami v jednotnom dizajne, s implementovanou hlavnou funkcionalitou, pripravenou databázou s 15 tabuľkami a plne automatizovaným API postaveným na Supabase – bez potreby písať vlastný backend kód. V aplikácii som mal hotovú aj admin sekciu, autentifikáciu s emailovými notifikáciami a používateľské role (admin, registrovaný, návštevník). Celý projekt bol verzovaný cez GitHub a postavený na známom tech stacku: React, TypeScript, Tailwind a Supabase.

AI ako katalyzátor vývoja

Najviac ma zaujalo, že Loveable umožňuje definovať štruktúru databázy cez AI prompty, pričom logika a komponenty sa tvoria pomocou vizuálneho rozhrania. Práca s nástrojom bola veľmi intuitívna a plynulo prepojiteľná s Cursorom, kde som neskôr refaktoroval obrazovky a pridal podporu pre viacero jazykov. Synchronizácia medzi nástrojmi cez GitHub bola bezproblémová.

Stabilita a reálne využitie

Hoci som počas práce zaznamenal niekoľko drobných výpadkov Loveable, dokázal sa z nich automaticky zotaviť a práca nebola nijako výrazne narušená. Na úrovni MVP ponúka tento nástroj veľmi dobrú stabilitu a použiteľnosť.

Porovnanie s tradičným vývojom

Ak by som mal porovnať tento proces s klasickým vývojom, rovnaký výstup by pravdepodobne vyžadoval tím pozostávajúci z dizajnéra, frontendového aj backendového vývojára, pričom by na ňom pracovali približne mesiac. V tomto prípade to zvládol jeden človek za dva dni, popri rodine a voľnočasových aktivitách.

Loveable ako súčasť AI stacku

Vo vibration.sk tak máme ďalší nástroj, ktorý sa stane súčasťou nášho AI stacku pre rýchle prototypovanie a validáciu nápadov. Čoskoro sa podelím aj o viac informácií k samotnému startupu, ktorý takto vznikol.

Páči sa vám článok?