Pređi na sadržaj

AI Widget Builder

Pitaj.io AI Widget Builder omogućava vam da prevaziđete ograničenja običnog teksta. Ako vam je u razgovoru potreban kalkulator lizinga, konfigurator računara, selektor hotelskih soba ili anketa sa ocjenama, možete ih kreirati jednostavnim opisom na prirodnom jeziku.


Radno okruženje: Razgovor i Instant Pregled

Interfejs AI Widget Buildera na adresi /build/widgets podijeljen je u dva komplementarna panela:

  1. Lijevi panel (AI Kreator):
    Mjesto gdje kroz chat razgovarate sa našim specijalizovanim AI inženjerom za frontend komponente. Unosite želje, tražite izmjene boja, dodajete polja ili mijenjate logiku izračuna.
  2. Desni panel (Interaktivno Platno - Live Canvas):
    Prikazuje stvarni, potpuno funkcionalan widget u realnom vremenu. Možete klikati na dugmad, pomicati klizače (slidere), unositi brojeve i testirati validaciju prije objave.

Kako kreirati widget u 3 koraka

  1. Opišite šta vam je potrebno
    U polju za unos napišite npr:
    “Napravi mi kalkulator stambenog kredita sa klizačem za iznos kredita (do 200.000 KM), rokom otplate u godinama (do 30 god) i kamatnom stopom od 4.5%. Pokaži mjesečnu ratu i ukupno plaćenu kamatu.”

  2. AI generiše kod i stanja
    U roku od nekoliko sekundi, AI kreira čistu JSX komponentu, Zod validacijsku shemu i početno reaktivno stanje.

  3. Doradite detalje kroz razgovor
    Ako želite prilagoditi detalje, samo recite:

    • “Promijeni boju rezultata u tamno zelenu.”
    • “Dodaj dugme na dnu ‘Zatraži ponudu banke’.”
    • “Ograniči minimalni iznos na 10.000 KM.”
  4. Objavite widget u bazi agenta
    Kliknite na dugme Sačuvaj Widget. Widget je spreman za prikazivanje posjetiocima u chat razgovorima!


Primjeri widgeta koje možete napraviti

Finansijski kalkulatori

Kalkulatori kredita, lizinga za vozila, pretvarači valuta ili obračun ušteda solarne energije.

Vizuelni selektori proizvoda

Interaktivni izbor veličina, paketa opreme ili odabir termina u kalendaru sa vizuelnim bedževima.

Interaktivne ankete i kvizovi

Procjena potreba kupca kroz 3 pitanja sa automatskom preporukom idealnog proizvoda na kraju.

Tabelarni prikazi i poređenja

Poređenje karakteristika više modela ili planova pretplate sa ‘check’ i ‘cross’ oznakama.