Dragi pretplatnici, Replit je upravo pokrenuo Agent 4, a ja sam dobio rani pristup tijekom vikenda. U ovom ću vam vodiču pokazati kako planirati, dizajnirati i izgraditi aplikaciju za praćenje navika uživo pomoću novog beskonačnog platna i paralelnih agenata Agenta 4. Također ću vam pokazati kako generirati prezentacije i animacije iz koda, sve u samo 10 minuta. Pogledajte sada na YouTubeu ili pročitajte pisani vodič u nastavku. Vremenske oznake: (00:00) Tri nove značajke u Replit Agentu 4 (00:34) Korak 1: Dizajnirajte aplikaciju za praćenje navika s beskonačnim platnom (03:39) Korak 2: Izgradite brže s paralelnim agentima (05:52) Korak 3: Objavite aplikaciju s punim nizom jednim klikom (07:11) Korak 4: Generirajte dijapozitiv i animacija iz koda (08:58) Iskreno mišljenje: gdje se Replit uklapa na tržište AI kodiranja Što ćemo izgraditi Oduvijek sam želio aplikaciju u kojoj mogu označiti navike u kalendaru i pratiti nizove kako bih ostao motiviran. Pa hajdemo ga sada izgraditi. 🔥1. Dizajnirajte aplikaciju za praćenje navika s platnom. Započnimo isprobavanjem Replitovog novog beskonačnog platna s ovim upitom: Izradite mobilnu aplikaciju za praćenje navika (maksimalno 3 navike). Dvije kartice: Kalendar (zadano) i Navike (stvaranje/uređivanje). Kartica Kalendar: Mjesečni prikaz. Pokažite napredak u svakom prstenu s datumom koji se ispunjava kako se navike dovršavaju. Dodirnite datum da biste otvorili donji list s karticama za prebacivanje za svaku naviku. Kartica Navike: Stvorite i uredite navike. Polje za naziv, dodjela boja. Čisto i minimalno. Započnimo s istraživanjem 4 varijante dizajna za karticu kalendara na platnu: Glassmorphic — tamne karte od mat stakla, meki sjaj, vrhunski osjećajRPG Quest — pixel art, XP trake, streak flames, gamifiedBotanical — metafora živog vrta, pruge rastu biljke, mirno i zemljano. Iznenađujete me kako sam zamolio Replit da generira četiri različita dizajna. Iza kulisa, okreć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 srcu, odlučit ću se za dizajn RPG misije. Uredimo sada dizajne vizualno pomoću platna. Možete: Generirati dodatne zaslone. Pritisnite gumb + za dizajn RPG-a i zatražite od njega: "Generiraj zaslon misije." Napravite precizne izmjene. Kliknite ikonu pregleda i ručno promijenite tekst ili boje. Sada kada imamo prikaz kalendara i zadataka koji nam se sviđaju, pustimo Replit da ih izradi.2. Gradite brže s paralelnim agentima. Umjesto da gradite s jednim po jednim agentom, neka dva agenta rade paralelno. U Replitu sada možete pokrenuti zasebne niti za rad na različitim dijelovima aplikacije. Ovo su upute koje sam dao svakom agentu: Prikaz kalendara: Izgradite mjesečni prikaz, prijeđite prstom za pomicanje između mjeseci, današnji dan je istaknut. Datumske ćelije prikazuju prstenove napretka koji se popunjavaju kako se navike dovršavaju (1/3, 2/3, 3/3). Dodirnite datum da biste vidjeli donju traku gdje mogu uključiti/isključiti 3 navike. Prikaz navika: Stvorite i uredite do 3 navike s imenom i bojom. Svaka navika prikazuje svoj trenutni broj nizova. Uređivanje navike vraća njen niz na nulu. Nakon što ste pokrenuli dvije niti, sada možete sjediti i gledati agente kako rade. Postoji ovaj cool prikaz ploče u stilu Trello gdje možete vidjeti kako se zadaci kreću kroz tri faze: Skice, Aktivno i Spremno. Nacrti su planovi koji čekaju na odobrenje, aktivno znači da agent gradi, a spreman znači da je posao obavljen i spreman za pregled: Mislim da su agenti za kodiranje AI krenuli upravo ovim putem. Umjesto uparivanja programiranja s jednim agentom, vi upravljate timom agenata. Dajete im upute, odmaknete se i vratite se da pregledate rad. Nakon što agenti završe, možete pregledati svaku od njih i kliknuti "Primijeni promjene na glavnu verziju" da biste je spojili. Vi i dalje kontrolirate što se isporučuje. Ako nešto ne izgleda loše, možete zatražiti izmjene prije spajanja. Nakon što je aplikacija izgrađena, možete je implementirati jednim klikom pritiskom na Objavi. Jedna od prednosti Replita je to što je vertikalno integriran, s ugrađenim frontendom, backendom, bazom podataka i sigurnosnim skeniranjem.3. Generirajte niz slajdova i animaciju s kodomSlide niz koji je Replit generirao za ovaj vodič. Hajdemo se sada još malo zabaviti. Nedavno sam shvatio sljedeće: Kod je temelj cjelokupnog znanja. Pomoću koda možete generirati ne samo aplikacije, već i slajdove, animacije, dokumente i još mnogo toga. Na primjer, zalijepio sam ovaj cijeli bilten u Replit i generirao ove elemente: Slide deck. Agent je generirao 10 slajdova koji pokrivaju kako možete koristiti Agenta 4 za planiranje,dizajnirajte i izradite alat za praćenje navika. Animacija. Agent je generirao prekrasnu animaciju s prilagođenom grafikom i više. Slajdovi, animacije i dokumenti samo su kod ispod haube. Ako agent može pisati i ponavljati kod, može generirati gotovo bilo koji artefakt znanja. Iskreno mišljenje: gdje se Replitov Agent 4 uklapa na tržište AI kodiranja. Mislim da se tržište AI kodiranja podijelilo u dva segmenta - alate za profesionalne programere i alate za sve ostale. Za programere, mislim da je to utrka dva konja između Claude Codea i OpenAI Codexa. Ovi su alati moćni, brzi i duboko integrirani u modele i tijekove rada programera. Za sve ostale - a ovo je veće tržište - Replit se kladi na dva načina s Agentom 4: Netehnički ljudi surađivat će izravno s AI agentima. Dizajneri će koristiti AI za generiranje dizajna na platnu umjesto da ih rade ručno. PM će upravljati agentima putem ploče u stilu Trella kako bi obavili posao. Kod je temelj rada znanja. Ako agent može napisati kod, može generirati aplikacije, prezentacije, animacije i još mnogo toga. Zamislite samo koliko ljudi koristi Microsoft Office, Google Workspace i tradicionalne alate za dizajn ili animaciju. To je tržište za kojim Replit teži. Mislim da je Agent 4 pravi korak naprijed na oba fronta. Platnu bi trebalo još malo dotjerati, ali smjer je jasan. Radit ćemo s agentima umjetne inteligencije na izgradnji raznih stvari u budućnosti, ne samo aplikacija. Pogledajte moj vodič da biste ga vidjeli na djelu i isprobajte Agenta 4 sami.

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