Dragi pretplatnici, Replit je upravo pokrenuo Agent 4, a ja sam dobio rani pristup tokom vikenda. U ovom vodiču ću vam pokazati kako planirati, dizajnirati i napraviti aplikaciju za praćenje navika uživo koristeći novo beskonačno platno i paralelne agente Agenta 4. Također ću vam pokazati kako generirati prezentacije i animacije iz koda, sve za samo 10 minuta. Gledajte sada na YouTube-u ili pročitajte pisani vodič u nastavku. Vremenske oznake:(00:00) Tri nove funkcije u Replit Agentu 4(00:34) Korak 1: Dizajnirajte aplikaciju za praćenje navika sa beskonačnim platnom (03:39) Korak 2: Napravite brže sa paralelnim agentima (05:52) Korak 3: Objavite u jednom kliku na Genestack7 (Korak 1 punim klikom a7) Slide deck i animacija iz koda (08:58) Iskreno: gdje se Replit uklapa na tržište AI kodiranja Šta ćemo napraviti Oduvijek sam želio aplikaciju u kojoj mogu provjeriti navike u kalendaru i pratiti nizove kako bih ostao motiviran. Pa hajde da ga sada izgradimo. 🔥1. Dizajnirajte aplikaciju za praćenje navika s canvas-om Počnimo isprobavanjem Replitovog novog beskonačnog platna s ovim upitom: Napravite mobilnu aplikaciju za praćenje navika (maksimalno 3 navike). Dvije kartice: Kalendar (podrazumevano) i Navike (kreiranje/uređivanje). Kartica Kalendar: Mjesečni pregled. Pokažite napredak u svakom prstenu za spojeve koji se ispunjava kako se navike dovršavaju. Dodirnite datum da otvorite donji list sa karticama za prebacivanje za svaku naviku. Kartica Navike: Kreirajte i uredite navike. Ime polja, dodjela boja. Čisto i minimalno. Počnimo s istraživanjem 4 varijante dizajna za karticu kalendara na platnu: Glassmorphic — tamne, matirane staklene kartice, mekani sjaji, vrhunski osjećajRPG Quest — pixel art, XP trake, trakasti plamen, gamificirano — metafora u živom vrtu, pruge osvijetljene, uzgajate biljke, pitate me kako miran i zemljani iznenađujem. Iza kulisa, pokreće četiri odvojena agenta da obave posao. Evo prva tri dizajna koje je generirao: Glassmorphic, RPG i botanički dizajn za moju aplikaciju za praćenje navika Budući da sam igrač u duši, odlučit ću se za RPG dizajn misije. Sada uredimo dizajne vizualno koristeći platno. Možete: Generirati dodatne ekrane. Pritisnite dugme + za RPG dizajn i zamolite ga da: "Generiraj ekran misije." Napravite precizne izmene. Kliknite na ikonu pregleda i ručno promijenite tekst ili boje. Sada kada imamo prikaz kalendara i zadataka koji nam se sviđaju, natjerajmo Replit da ih napravi.2. Brže gradite s paralelnim agentima Umjesto da gradite s jednim agentom u isto vrijeme, neka dva agenta rade paralelno. U Replitu sada možete pokrenuti odvojene niti za rad na različitim dijelovima aplikacije. Evo uputstava koje sam dao svakom agentu: Prikaz kalendara: Napravite mjesečni prikaz, prevucite prstom za skrolovanje između mjeseci, današnji dan je istaknut. Ćelije sa datumima prikazuju prstenove napretka koji se popunjavaju kako se navike dovršavaju (1/3, 2/3, 3/3). Dodirnite datum da vidite donju traku u kojoj mogu uključiti/isključiti 3 navike. Prikaz navika: Kreirajte i uredite do 3 navike sa imenom i bojom. Svaka navika prikazuje svoj trenutni broj nizova. Uređivanje navike vraća njen niz na nulu. Nakon pokretanja dvije niti, sada možete sjediti i gledati kako agenti rade. Postoji ovaj cool prikaz ploče u stilu Trello gdje možete vidjeti kako se zadaci kreću kroz tri faze: nacrti, aktivni i spremni. Nacrti su planovi koji čekaju na odobrenje, aktivni znači da se agent gradi, a spreman znači da je posao obavljen i spreman za pregled: mislim da je ovo mjesto gdje se kreću agenti za AI kodiranje. Umjesto da uparite programiranje s jednim agentom, vi upravljate timom agenata. Dajete im uputstva, odstupite i vratite se da pregledate posao. Kada agenti završe, možete pregledati svaki od njih i kliknuti na "Primijeni promjene na glavnu verziju" da ga spojite. I dalje imate kontrolu nad onim što se isporučuje. Ako nešto ne izgleda, možete tražiti izmjene prije spajanja. Nakon što je aplikacija napravljena, možete je primijeniti jednim klikom pritiskom na Objavi. Jedna od prednosti Replita je to što je vertikalno integriran, sa ugrađenim frontendom, backendom, bazom podataka i sigurnosnim skeniranjem.3. Generirajte slajd dek i animaciju pomoću koda. Slajd dek koji je Replit generirao za ovaj vodič. Hajde da se zabavimo još malo. U posljednje vrijeme sam shvatio da je: kod temelj cjelokupnog rada sa znanjem. Pomoću koda možete generirati ne samo aplikacije, već i slajdove, animacije, dokumente i još mnogo toga. Na primjer, zalijepio sam ovu cijelu objavu biltena u Replit i generirao ove elemente: Slide deck. Agent je napravio 10 slajdova koji pokrivaju kako možete koristiti Agenta 4 za planiranje,dizajnirati i izgraditi praćenje navika. Animacija. Agent je napravio prekrasnu animaciju sa prilagođenom grafikom i još mnogo toga. Slajdovi, animacije i dokumenti su samo kod ispod haube. Ako agent može pisati i iterirati kod, može generirati gotovo svaki artefakt znanja. Iskreno: Gdje se Replitov agent 4 uklapa na tržište AI kodiranja Mislim da se tržište AI kodiranja podijelilo na dva segmenta - alate za profesionalne programere i alate za sve ostale. Za programere, mislim da je to trka dva konja između Claude Codexa i OpenAI. Ovi alati su moćni, brzi i duboko integrirani u tokove rada modela i programera. Za sve ostale — a ovo je veće tržište — Replit se kladi na dvije opklade sa Agentom 4: Ljudi koji nisu tehnički će sarađivati ​​direktno sa AI agentima. Dizajneri će koristiti AI za generiranje dizajna na platnu umjesto da ih rade ručno. PM će upravljati agentima putem odbora u stilu Trelloa kako bi obavili posao. Kod je temelj rada znanja. Ako agent može pisati kod, može generirati aplikacije, prezentacije, animacije i još mnogo toga. Razmislite samo o tome koliko ljudi koristi Microsoft Office, Google Workspace i tradicionalne alate za dizajn ili animaciju. To je tržište koje Replit juri. Mislim da je Agent 4 pravi korak naprijed na oba fronta. Platno bi moglo koristiti malo više poliranja, ali smjer je jasan. Radit ćemo s AI agentima kako bismo u budućnosti izgradili sve vrste stvari, a ne samo aplikacije. Pogledajte moj vodič da ga vidite na djelu i idite i sami isprobajte Agenta 4.

You May Also Like

Enjoyed This Article?

Get weekly tips on growing your audience and monetizing your content — straight to your inbox.

No spam. Join 138,000+ creators. Unsubscribe anytime.

Create Your Free Bio Page

Join 138,000+ creators on Seemless.

Get Started Free