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.
Replit Agent 4 er her: Planlæg, design og byg en vanesporingsapp med flere AI-agenter
By Creator Economy
·
·
5 min read
·
662 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