Kjære abonnenter, Replit lanserte nettopp Agent 4, og jeg fikk tidlig tilgang i løpet av helgen. I denne opplæringen skal jeg vise deg hvordan du planlegger, designer og bygger en vanesporingsapp live ved å bruke Agent 4s nye uendelige lerret og parallelle agenter. Jeg vil også vise deg hvordan du genererer presentasjoner og animasjoner fra kode, alt på bare 10 minutter. Se nå på YouTube eller les den skriftlige guiden nedenfor.Tidsstempler:(00:00) Tre nye funksjoner i Replit Agent 4(00:34) Trinn 1: Design en habit tracker-app med det uendelige lerretet(03:39) Trinn 2: Bygg raskere med parallelle agenter(05:52) Trinn 3: Publiser en full-stack-app(04:1:1) og animasjon fra kode(08:58) Ærlig oppfatning: hvor Replit passer inn i AI-kodingsmarkedet Hva vi skal bygge Jeg har alltid ønsket meg en app der jeg kan krysse av vaner på en kalender og spore streker for å holde meg motivert. Så la oss bygge den nå. 🔥1. Design vanesporingsappen med lerretLa oss starte med å prøve ut Replits nye uendelige lerret med denne ledeteksten: Bygg en mobil vanesporingsapp (maks. 3 vaner). To faner: Kalender (standard) og Vaner (opprett/rediger). Kalender-fanen: Månedsvisning. Vis en fremgang i hver datering som fylles etter hvert som vaner fullføres. Trykk på en dato for å åpne et nederste ark med vekslekort for hver vane. Vaner-fanen: Opprett og rediger vaner. Navnefelt, fargetildeling. Rent og minimalt. La oss starte med å utforske 4 designvarianter for kalenderkategorien på lerretet: Glassmorphic — mørke, frostet glass-kort, myke gløder, premium feelRPG Quest — pixel art, XP-barer, strekflammer, gamifiedBotanical — levende hagemetafor, striper vokser planter, ro og hvor forskjellig Du spurte overraske meg. Bak kulissene spinner den opp fire separate agenter for å gjøre jobben. Her er de tre første designene den genererte: Glassmorphic, RPG og botanisk design for vanesporingsappen min Siden jeg er en gamer i hjertet, vil jeg gå med RPG-oppdragsdesignet. La oss nå redigere designene visuelt ved å bruke lerretet. Du kan: Generere flere skjermer. Trykk på +-knappen for RPG-designet og be den om å: "Generer oppdragsskjermen." Gjør nøyaktige redigeringer. Klikk på inspiser-ikonet og endre tekst eller farger manuelt.Nå som vi har en kalender- og oppdragsvisning vi liker, la oss få Replit til å bygge dem.2. Bygg raskere med parallelle agenterI stedet for å bygge med én agent om gangen, la oss la to agenter jobbe parallelt. I Replit kan du nå spinne opp separate tråder for å jobbe med forskjellige deler av appen. Her er spørsmålene jeg ga hver agent: Kalendervisning: Bygg månedsvisningen, sveip for å bla mellom måneder, i dag er uthevet. Datoceller viser fremdriftsringer som fylles når vaner fullføres (1/3, 2/3, 3/3). Trykk på en dato for å se den nederste skuffen der jeg kan slå 3 vaner på/av. Vanervisning: Opprett og rediger opptil 3 vaner med navn og farge. Hver vane viser sin nåværende strektelling. Redigere en vane nullstiller streken. Etter å ha startet to tråder, kan du nå lene deg tilbake og se agentene jobbe. Det er denne kule brettvisningen i Trello-stil der du kan se oppgaver bevege seg gjennom tre stadier: Utkast, Aktiv og Klar. Utkast er planer som venter på godkjenning, aktive betyr at agenten bygger, og klar betyr at arbeidet er gjort og klart for gjennomgang: Det er hit jeg tror AI-kodingsagenter er på vei. I stedet for å koble programmering med én agent, administrerer du et team med agenter. Du gir dem instruksjoner, går bort og kommer tilbake for å gjennomgå arbeidet. Når agentene er ferdige, kan du gå gjennom hver enkelt og klikke på «Bruk endringer i hovedversjonen» for å slå den sammen. Du har fortsatt kontroll over hva som sendes. Hvis noe ser dårlig ut, kan du be om endringer før sammenslåing. Når appen er bygget, kan du distribuere den med ett klikk ved å trykke på Publiser. En fordel med Replit er at den er vertikalt integrert, med frontend, backend, database og sikkerhetsskanning alt innebygd.3. Generer en lysbildeserie og animasjon med kode. Lysbildeserien som Replit genererte for denne opplæringen La oss nå ha det litt mer moro. I det siste har jeg innsett at: Kode er grunnlaget for alt kunnskapsarbeid. Med kode kan du generere ikke bare apper, men også lysbildestokker, animasjoner, dokumenter og mer. For eksempel limte jeg inn dette fullstendige nyhetsbrevinnlegget i Replit og genererte disse eiendelene: Slide-deck. Agenten genererte 10 lysbilder som dekker hvordan du kan bruke Agent 4 til å planlegge,designe og bygge vanesporeren. Animasjon. Agenten genererte en vakker animasjon komplett med tilpasset grafikk og mer. Lysbilder, animasjoner og dokumenter er alle bare kode under panseret. Hvis en agent kan skrive og iterere på kode, kan den generere nesten hvilken som helst kunnskapsartefakt. Ærlig ta: Hvor Replits Agent 4 passer inn i AI-kodingsmarkedet Jeg tror AI-kodingsmarkedet har delt seg i to segmenter – verktøy for profesjonelle utviklere og verktøy for alle andre. For utviklere tror jeg det er et tohesteløp mellom Claude Code og OpenAIs Codex. Disse verktøyene er kraftige, raske og dypt integrert i arbeidsflyter for modeller og utviklere. For alle andre – og dette er det større markedet – gjør Replit to spill med Agent 4: Ikke-tekniske personer vil samarbeide direkte med AI-agenter. Designere vil bruke AI til å generere design på et lerret i stedet for å gjøre dem manuelt. PMs vil administrere agenter gjennom en Trello-stil for å få arbeidet gjort. Kode er grunnlaget for kunnskapsarbeid. Hvis en agent kan skrive kode, kan den generere apper, presentasjoner, animasjoner og mer. Bare tenk på hvor mange som bruker Microsoft Office, Google Workspace og tradisjonelle design- eller animasjonsverktøy. Det er markedet Replit jakter på. Jeg tror Agent 4 er et virkelig skritt fremover på begge fronter. Lerretet kunne trengt litt mer polering, men retningen er klar. Vi kommer til å jobbe med AI-agenter for å bygge alle slags ting i fremtiden, ikke bare apper. Se veiledningen min for å se den i aksjon, og prøv Agent 4 selv.
Replit Agent 4 er her: Planlegg, design og bygg en vanesporingsapp med flere AI-agenter
By Creator Economy
·
·
5 min read
·
671 views
Read in:
aa
ace
af
ak
alz
am
ar
as
awa
ay
az
ba
ban
be
bew
+191 more
bg
bho
bik
bm
bn
brx
bs
bug
ca
ceb
cgg
ckb
co
crh
cs
cv
cy
da
de
din
doi
dv
dyu
dz
ee
el
en
eo
es
et
eu
fa
ff
fi
fj
fo
fr
fur
fy
ga
gd
gl
gom
gn
gu
ha
haw
he
hi
hil
hne
hmn
hr
hrx
ht
hu
hy
id
ig
ilo
is
it
ja
jam
jv
ka
kab
kbp
kg
kha
kk
kl
km
kn
ko
kri
ku
ktu
ky
la
lb
lg
li
lij
ln
lo
lmo
lt
ltg
lua
luo
lus
lv
mai
mak
mg
mi
min
mk
ml
mn
mni-mtei
mos
mr
ms
mt
my
nd
ne
nl
nn
no
nr
nso
nus
ny
oc
om
or
pa
pag
pam
pap
pl
ps
pt
pt-br
qu
rn
ro
ru
rw
sa
sah
sat
sc
scn
sg
si
sk
sl
sm
sn
so
sq
sr
ss
st
su
sus
sv
sw
szl
ta
tcy
te
tg
th
ti
tiv
tk
tl
tn
to
tpi
tr
trp
ts
tt
tum
ty
udm
ug
uk
ur
uz
ve
vec
vi
war
wo
xh
yi
yo
yua
yue
zap
zh
zh-hk
zh-tw
zu
