Kära prenumeranter, Replit har precis lanserat Agent 4, och jag fick tidig tillgång under helgen. I den här handledningen visar jag dig hur du planerar, designar och bygger en app för vanespårning live med Agent 4:s nya oändliga canvas och parallella agenter. Jag kommer också att visa dig hur du skapar presentationer och animationer från kod, allt på bara 10 minuter. Titta nu på YouTube eller läs den skriftliga guiden nedan.Tidsstämplar:(00:00) Tre nya funktioner i Replit Agent 4(00:34) Steg 1: Designa en app för vanespårning med den oändliga duken(03:39) Steg 2: Bygg snabbare med parallella agenter(05:52) Steg 3: Publicera en fullstack-app(07:1 klick) Steg 4:1 och animation från kod(08:58) Ärlig uppfattning: där Replit passar på AI-kodningsmarknaden Vad vi kommer att bygga Jag har alltid velat ha en app där jag kan bocka av vanor i en kalender och spåra streck för att hålla mig motiverad. Så låt oss bygga det nu. 🔥1. Designa vanespårningsappen med canvasLåt oss börja med att prova Replits nya oändliga canvas med denna uppmaning: Bygg en mobil vanespårningsapp (max 3 vanor). Två flikar: Kalender (standard) och Vanor (skapa/redigera). Kalenderfliken: Månadsvy. Visa ett framsteg i varje dejtring som fylls när vanorna slutförs. Tryck på ett datum för att öppna ett bottenark med växlande kort för varje vana. Fliken Vanor: Skapa och redigera vanor. Namnfält, färgtilldelning. Rent och minimalt. Låt oss börja med att utforska fyra designvarianter för kalenderfliken på duken: Glasmorphic — mörka kort i frostat glas, mjuka glöder, premium feelRPG Quest — pixelkonst, XP-staplar, streak flames, gamifiedBotanical — levande trädgårdsmetafor, ränder växer växter, lugn och hur olika jag designar överraska migNotera. Bakom kulisserna snurrar den upp fyra separata agenter för att göra jobbet. Här är de tre första designerna som den genererade: Glasmorphic, RPG och botanisk design för min app för vanespårning Eftersom jag är en spelare i grunden, kommer jag att gå med RPG-uppdragsdesignen. Låt oss nu redigera designen visuellt med hjälp av duken. Du kan: Generera ytterligare skärmar. Tryck på +-knappen för RPG-designen och be den att: "Generera uppdragsskärmen." Gör exakta redigeringar. Klicka på inspekteringsikonen och ändra text eller färger manuellt.Nu när vi har en kalender- och uppdragsvy som vi gillar, låt oss få Replit att bygga dem.2. Bygg snabbare med parallella agenterIstället för att bygga med en agent åt gången, låt oss låta två agenter arbeta parallellt. I Replit kan du nu spinna upp separata trådar för att arbeta på olika delar av appen. Här är uppmaningarna jag gav varje agent: Kalendervy: Bygg månadsvyn, svep för att bläddra mellan månader, idag är markerad. Datumceller visar framstegsringar som fylls när vanorna slutförs (1/3, 2/3, 3/3). Tryck på ett datum för att se det nedre fältet där jag kan växla 3 vanor på/av.Vaner: Skapa och redigera upp till 3 vanor med namn och färg. Varje vana visar dess nuvarande antal streak. Redigera en vana nollställer dess streak. Efter att ha startat två trådar kan du nu luta dig tillbaka och se agenterna arbeta. Det finns den här coola brädvyn i Trello-stil där du kan se uppgifter gå genom tre steg: Utkast, Aktiv och Klar. Utkast är planer som väntar på godkännande, aktiv betyder att agenten bygger och redo betyder att arbetet är klart och redo för granskning: Det är dit jag tror att AI-kodningsagenter är på väg. Istället för att koppla ihop programmering med en agent, leder du ett team av agenter. Du ger dem instruktioner, går iväg och kommer tillbaka för att granska arbetet. När agenterna är klara kan du granska var och en och klicka på "Tillämpa ändringar i huvudversionen" för att slå ihop den. Du har fortfarande kontroll över vad som skickas. Om något ser fel kan du be om redigeringar innan sammanslagning. När appen är byggd kan du distribuera den med ett klick genom att trycka på Publicera. En fördel med Replit är att den är vertikalt integrerad, med frontend, backend, databas och säkerhetsskanning allt inbyggt.3. Skapa ett bildspel och animering med kod. Bildspelet som Replit genererade för den här handledningen Låt oss nu ha lite roligare. På senare tid har jag insett att: Kod är grunden för allt kunskapsarbete. Med kod kan du skapa inte bara appar utan även bildspel, animationer, dokument och mer. Till exempel klistrade jag in det här fullständiga nyhetsbrevsinlägget i Replit och genererade dessa tillgångar: Slide deck. Agenten genererade 10 bilder som täcker hur du kan använda Agent 4 för att planera,designa och bygga vanespåraren. Animation. Agenten skapade en vacker animation komplett med anpassad grafik och mer. Bilder, animationer och dokument är alla bara kod under huven. Om en agent kan skriva och iterera på kod kan den generera nästan vilken kunskapsartefakt som helst. Ärligt grepp: Där Replits Agent 4 passar på AI-kodningsmarknaden Jag tror att AI-kodningsmarknaden har delat upp sig i två segment – verktyg för professionella utvecklare och verktyg för alla andra. För utvecklare tror jag att det är en tvåhästskapplöpning mellan Claude Code och OpenAIs Codex. Dessa verktyg är kraftfulla, snabba och djupt integrerade i arbetsflöden för modeller och utvecklare. För alla andra – och detta är den större marknaden – gör Replit två satsningar med Agent 4: Icke-tekniska personer kommer att samarbeta direkt med AI-agenter. Designers kommer att använda AI för att skapa mönster på en duk istället för att göra dem manuellt. PM kommer att hantera agenter genom en styrelse i Trello-stil för att få arbetet gjort. Koden är grunden för kunskapsarbete. Om en agent kan skriva kod kan den generera appar, presentationer, animationer och mer. Tänk bara på hur många som använder Microsoft Office, Google Workspace och traditionella design- eller animeringsverktyg. Det är den marknad Replit jagar. Jag tror att Agent 4 är ett verkligt steg framåt på båda fronterna. Duken skulle kunna behöva lite mer polish, men riktningen är tydlig. Vi kommer att arbeta med AI-agenter för att bygga alla möjliga saker i framtiden, inte bara appar. Titta på min handledning för att se hur den fungerar och testa Agent 4 själv.
Replit Agent 4 är här: Planera, designa och bygg en app för vanespårning med flera AI-agenter
By Creator Economy
·
·
5 min read
·
758 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
