PromptLab: frontend-only prompt builder za bolje AI upite bez prompt engineering znanja

PromptLab je alat koji ne pokušava “magično” popraviti prompt pomoću drugog AI modela, nego korisnika vodi kroz pravilan unos i iz tih podataka sastavlja kvalitetniji prompt. Cilj je pomoći netehničkim korisnicima da brže dođu do boljih AI rezultata, a naprednijim korisnicima ponuditi kompaktniji workflow za brzo slaganje strukturiranih promptova.

Kontekst i problem

Mnogi korisnici znaju što žele od AI alata, ali ne znaju kako to jasno zadati. Najčešći problem nije “nedostatak ideje”, nego nedostatak strukture: nema dovoljno konteksta, nije definiran cilj, publika, ton, format izlaza ili ograničenja. Rezultat su slabiji odgovori i više pokušaja nego što je potrebno.

Htio sam napraviti alat koji to rješava bez dodatne kompleksnosti. Umjesto da korisnik mora učiti prompt engineering, aplikacija ga vodi kroz prava pitanja i zatim generira prompt koji je spreman za copy/paste u ChatGPT, Claude, Gemini ili drugi alat.

Pristup rješenju

MVP je namjerno napravljen kao frontend-only aplikacija bez AI backenda. To znači da je logika transparentna, predvidljiva i brza: forma skuplja relevantne informacije, rule-based engine ih slaže u finalni prompt, a heuristike procjenjuju kvalitetu i očekivano poboljšanje u odnosu na sirovi korisnički unos.

Time je dobiven proizvod koji je jednostavan za deploy, lako testabilan i odmah koristan, a istovremeno spreman za kasnije nadogradnje poput korisničkih računa, spremljene povijesti i model-specific prilagodbe.

Dva moda rada

Aplikacija je podijeljena na dva UX načina rada kako bi odgovarala različitim tipovima korisnika.

• Basic mode koristi multi-step formu s najviše pet koraka, jednostavnim jezikom, helper tekstovima i primjerima. Namijenjen je korisnicima koji žele vođeni i zabavniji način slaganja prompta.
• Advanced mode koristi kompaktnu single-screen formu s više slobodnog unosa, tooltipovima i većom kontrolom nad prompt strukturom. Namijenjen je power userima koji žele brži workflow.

Ključne funkcionalnosti

• odabir vrste prompta: writing, email, research, coding, business, marketing, learning i custom
• prikupljanje cilja, konteksta, publike, tona, output formata i ograničenja
• generiranje punog i kompaktnog prompta
• copy-ready preview s brzim kopiranjem
• Prompt Quality Score temeljen na heuristikama
• Efficiency Insights s procjenom structure improvementa, retry reductiona i token efficiency gaina
• Suggestions engine koji upozorava što nedostaje za bolji rezultat

Tehnička izvedba

PromptLab je izgrađen u Reactu i TypeScriptu, s Vite build setupom, Tailwind stilovima i shadcn-style komponentama. Forme koriste React Hook Form i Zod validaciju, a prompt engine i heuristike su odvojeni u zasebnu logičku razinu kako bi aplikacija ostala održiva i spremna za kasnije širenje.

Najvažnija arhitekturna odluka bila je odvojiti UI od prompt enginea. Na taj način se kasnije može dodati backend, spremanje promptova, autentikacija ili model-specific formatting bez potrebe za velikim refaktorom osnovne aplikacije.

Zašto mi je ovaj projekt zanimljiv

PromptLab mi je zanimljiv jer spaja UX razmišljanje, strukturiranje informacija i praktičnu AI primjenu. Umjesto da se oslanja na “AI koji popravlja AI input”, projekt ide korak unatrag i rješava pravi problem: kako korisniku pomoći da od početka zada bolji input.

To je mali, ali koristan primjer proizvoda koji može rasti iz jednostavnog frontend-only MVP-a prema ozbiljnijem SaaS alatu s računima, poviješću promptova i direktnim integracijama s modelima.

Zaključak

PromptLab je praktičan alat za pretvaranje sirove ideje u strukturirani prompt. MVP dokazuje da i bez AI backenda možeš napraviti proizvod koji daje jasnu vrijednost: bolju prompt strukturu, manje promašenih pokušaja i ugodniji workflow za korisnike koji žele bolje rezultate od AI alata.