Kære abonnenter, Replit har lige lanceret Agent 4, og jeg fik tidlig adgang i løbet af weekenden. I dette selvstudie viser jeg dig, hvordan du planlægger, designer og bygger en vanesporings-app live ved hjælp af Agent 4s nye uendelige lærred og parallelle agenter. Jeg vil også vise dig, hvordan du genererer præsentationer og animationer fra kode, alt sammen på kun 10 minutter. Se nu på YouTube eller læs den skriftlige guide nedenfor.Tidsstempler:(00:00) Tre nye funktioner i Replit Agent 4(00:34) Trin 1: Design en habit tracker-app med det uendelige lærred(03:39) Trin 2: Byg hurtigere med parallelle agenter(05:52) Trin 3: Udgiv en fuld-stak-app(04:1 slide-app) og animation fra kode(08:58) Ærlig opfattelse: hvor Replit passer ind i AI-kodningsmarkedet Hvad vi vil byggeJeg har altid ønsket mig en app, hvor jeg kan afkrydse vaner i en kalender og spore streaks for at forblive motiveret. Så lad os bygge det nu. 🔥1. Design vanesporingsappen med lærred Lad os starte med at prøve Replits nye uendelige lærred med denne prompt: Byg en mobil vanesporingsapp (maks. 3 vaner). To faner: Kalender (standard) og Vaner (opret/rediger). Fanen Kalender: Månedsvisning. Vis et fremskridt i hver datering, der fyldes efterhånden som vaner afsluttes. Tryk på en dato for at åbne et nederste ark med skiftekort for hver vane. Fanen Vaner: Opret og rediger vaner. Navnefelt, farvetildeling. Rent og minimalt. Lad os starte med at udforske 4 designvarianter for kalenderfanen på lærredet: Glasmorphic — mørke, matterede glaskort, bløde gløder, premium feelRPG Quest — pixelkunst, XP-bjælker, streak flames, gamifiedBotanical — levende havemetafor, striber vokser planter, ro og hvor forskelligt, du spurgte om, at fire design overraske mig. Bag kulisserne spinder den fire separate agenter op til at udføre arbejdet. Her er de første tre designs, det genererede: Glasmorfisk, RPG og botanisk design til min vanesporingsapp. Da jeg er en gamer i hjertet, vil jeg gå med RPG-quest-designet. Lad os nu redigere designs visuelt ved hjælp af lærredet. Du kan: Generere yderligere skærme. Tryk på knappen + for RPG-designet, og bed det om at: "Generer quest-skærmen." Foretag præcise redigeringer. Klik på inspiceringsikonet og skift tekst eller farver manuelt.Nu hvor vi har en kalender- og missionsvisning, som vi kan lide, lad os få Replit til at bygge dem.2. Byg hurtigere med parallelle agenterI stedet for at bygge med én agent ad gangen, lad os få to agenter til at arbejde parallelt. I Replit kan du nu spinde separate tråde op for at arbejde på forskellige dele af appen. Her er de prompter, jeg gav hver agent: Kalendervisning: Byg den månedlige visning, stryg for at rulle mellem måneder, i dag er fremhævet. Datoceller viser fremskridtsringe, der fyldes efterhånden som vaner afsluttes (1/3, 2/3, 3/3). Tryk på en dato for at se den nederste bakke, hvor jeg kan slå 3 vaner til/fra. Visning af vaner: Opret og rediger op til 3 vaner med navn og farve. Hver vane viser dens aktuelle streak-antal. Redigering af en vane nulstiller dens streak. Efter at have startet to tråde, kan du nu læne dig tilbage og se agenterne arbejde. Der er denne seje Trello-brætvisning, hvor du kan se opgaver bevæge sig gennem tre faser: Kladder, Aktiv og Klar. Udkast er planer, der venter på godkendelse, aktive betyder, at agenten er ved at bygge, og klar betyder, at arbejdet er færdigt og klar til gennemgang: Det er her, jeg tror, ​​at AI-kodningsagenter er på vej hen. I stedet for at parre programmering med én agent, administrerer du et team af agenter. Du giver dem instruktioner, træder væk og kommer tilbage for at gennemgå arbejdet. Når agenterne er færdige, kan du gennemgå hver enkelt og klikke på "Anvend ændringer til hovedversionen" for at flette den ind. Du har stadig kontrol over, hvad der sendes. Hvis noget ser forkert ud, kan du bede om redigeringer før sammenlægning. Når appen er bygget, kan du implementere den med et enkelt klik ved at trykke på Udgiv. En fordel ved Replit er, at det er lodret integreret med frontend, backend, database og sikkerhedsscanning alt sammen indbygget.3. Generer et slide-dæk og animation med kode.Slide-dækket, som Replit genererede til denne øvelse. Lad os nu have det sjovere. På det seneste har jeg indset, at: Kode er grundlaget for alt vidensarbejde. Med kode kan du generere ikke bare apps, men også slide-dæk, animationer, dokumenter og mere. For eksempel indsatte jeg dette fulde nyhedsbrevsindlæg i Replit og genererede disse aktiver: Slide deck. Agenten genererede 10 slides, der dækker, hvordan du kan bruge Agent 4 til at planlægge,designe og bygge vanetrackeren. Animation. Agenten genererede en smuk animation komplet med tilpasset grafik og mere. Slides, animationer og dokumenter er alle bare kode under motorhjelmen. Hvis en agent kan skrive og iterere på kode, kan den generere næsten enhver vidensartefakt. Ærlig take: Hvor Replits Agent 4 passer ind i AI-kodningsmarkedet Jeg tror, ​​AI-kodningsmarkedet har delt sig i to segmenter - værktøjer til professionelle udviklere og værktøjer til alle andre. For udviklere tror jeg, at det er et tohesteløb mellem Claude Code og OpenAIs Codex. Disse værktøjer er kraftfulde, hurtige og dybt integrerede i model- og udviklerarbejdsgange. For alle andre – og dette er det større marked – laver Replit to væddemål med Agent 4: Ikke-tekniske mennesker vil samarbejde direkte med AI-agenter. Designere vil bruge AI til at generere design på et lærred i stedet for at gøre dem manuelt. PM'er vil administrere agenter gennem en bestyrelse i Trello-stil for at få arbejdet gjort. Kode er grundlaget for vidensarbejde. Hvis en agent kan skrive kode, kan den generere apps, præsentationer, animationer og mere. Tænk bare på, hvor mange mennesker der bruger Microsoft Office, Google Workspace og traditionelle design- eller animationsværktøjer. Det er det marked, Replit jagter. Jeg synes, Agent 4 er et reelt skridt fremad på begge fronter. Lærredet kunne godt bruge lidt mere polering, men retningen er klar. Vi vil arbejde sammen med AI-agenter for at bygge alle slags ting i fremtiden, ikke kun apps. Se mit selvstudie for at se det i aktion, og prøv Agent 4 selv.

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