Beste abonnees, Replit heeft zojuist Agent 4 gelanceerd en ik heb dit weekend vroege toegang gekregen. In deze tutorial laat ik je zien hoe je live een app voor het bijhouden van gewoonten kunt plannen, ontwerpen en bouwen met behulp van het nieuwe oneindige canvas en parallelle agenten van Agent 4. Ik zal je ook laten zien hoe je presentaties en animaties kunt genereren op basis van code, en dat alles in slechts 10 minuten. Bekijk nu op YouTube of lees de geschreven handleiding hieronder. Tijdstempels: (00:00) Drie nieuwe functies in Replit Agent 4 (00:34) Stap 1: Ontwerp een app voor het bijhouden van gewoontes met het oneindige canvas (03:39) Stap 2: Bouw sneller met parallelle agenten (05:52) Stap 3: Publiceer een app met één volledige stapel met één klik (07:11) Stap 4: Genereer een diapresentatie en animatie op basis van code (08:58) Eerlijk gezegd: waar Replit past in de markt voor AI-coderingWat we gaan bouwenIk heb altijd al een app gewild waarmee ik gewoonten op een kalender kan afvinken en strepen kan bijhouden om gemotiveerd te blijven. Dus laten we het nu bouwen. 🔥1. Ontwerp de app voor het bijhouden van gewoontes met canvasLaten we beginnen met het uitproberen van het nieuwe oneindige canvas van Replit met deze prompt: Bouw een mobiele app voor het bijhouden van gewoontes (max. 3 gewoonten). Twee tabbladen: Kalender (standaard) en Gewoonten (maken/bewerken). Tabblad Kalender: Maandweergave. Toon de voortgang in elke date-ring die vult naarmate de gewoontes zijn voltooid. Tik op een datum om een onderste blad te openen met schakelkaarten voor elke gewoonte. Tabblad Gewoonten: Gewoonten maken en bewerken. Naamveld, kleurtoewijzing. Schoon en minimaal. Laten we beginnen met het verkennen van 4 ontwerpvarianten voor het kalendertabblad op canvas: Glassmorphic – donker, kaarten van mat glas, zachte gloed, premium gevoel RPG Quest – pixelart, XP-balken, streak-vlammen, gamified Botanisch – levende tuin-metafoor, streaks groeien planten, kalm en aards Je verrast me Merk op hoe ik Replit vroeg om vier verschillende ontwerpen te genereren. Achter de schermen worden vier afzonderlijke agenten ingeschakeld om het werk te doen. Dit zijn de eerste drie ontwerpen die het heeft gegenereerd: Glassmorphic-, RPG- en botanische ontwerpen voor mijn app voor het bijhouden van gewoontes. Omdat ik een gamer in hart en nieren ben, ga ik voor het RPG-missieontwerp. Laten we nu de ontwerpen visueel bewerken met behulp van het canvas. U kunt: Extra schermen genereren. Druk op de + knop voor het RPG-ontwerp en vraag hem: "Genereer het zoektochtscherm." Maak nauwkeurige bewerkingen. Klik op het inspectiepictogram en wijzig tekst of kleuren handmatig. Nu we een kalender- en zoektochtweergave hebben die we leuk vinden, laten we Replit ze laten bouwen.2. Sneller bouwen met parallelle agentenIn plaats van met één agent tegelijk te bouwen, laten we twee agenten parallel werken. In Replit kun je nu afzonderlijke threads starten om aan verschillende delen van de app te werken. Dit zijn de aanwijzingen die ik elke agent heb gegeven: Kalenderweergave: bouw de maandweergave op, veeg om tussen maanden te bladeren, vandaag is gemarkeerd. Datumcellen tonen voortgangsringen die zich vullen naarmate de gewoontes zijn voltooid (1/3, 2/3, 3/3). Tik op een datum om het onderste vak te zien waar ik 3 gewoonten kan in-/uitschakelen. Gewoontenweergave: maak en bewerk maximaal 3 gewoonten met naam en kleur. Elke gewoonte geeft het huidige aantal streaks weer. Als je een gewoonte bewerkt, wordt de streak teruggezet naar nul. Nadat je twee threads hebt gestart, kun je nu achterover leunen en kijken hoe de agenten aan het werk zijn. Er is een coole bordweergave in Trello-stijl, waarin je taken door drie fasen kunt zien gaan: Concepten, Actief en Klaar. Concepten zijn plannen die wachten op goedkeuring, actief betekent dat de agent aan het bouwen is, en klaar betekent dat het werk klaar is en klaar is voor beoordeling: dit is waar AI-codeeragenten volgens mij naartoe gaan. In plaats van het programmeren aan één agent te koppelen, beheert u een team van agenten. Je geeft ze instructies, stapt weg en komt terug om het werk te beoordelen. Zodra de agenten klaar zijn, kun je ze allemaal bekijken en op 'Wijzigingen in de hoofdversie toepassen' klikken om ze samen te voegen. Jij bepaalt nog steeds wat er wordt verzonden. Als iets er niet goed uitziet, kunt u om bewerkingen vragen voordat u het samenvoegt. Zodra de app is gebouwd, kunt u deze met één klik implementeren door op Publiceren te klikken. Een voordeel van Replit is dat het verticaal geïntegreerd is, met ingebouwde frontend-, backend-, database- en beveiligingsscans.3. Genereer een diadeck en animatie met codeHet diadeck dat Replit voor deze tutorial heeft gegenereerd Laten we nu wat meer plezier hebben. De laatste tijd heb ik me gerealiseerd dat: Code de basis is van al het kenniswerk. Met code kun je niet alleen apps genereren, maar ook diapresentaties, animaties, documenten en meer. Ik heb bijvoorbeeld dit volledige nieuwsbriefbericht in Replit geplakt en deze items gegenereerd: Slide deck. De Agent heeft 10 dia's gegenereerd die laten zien hoe u Agent 4 kunt gebruiken om te plannen,ontwerp en bouw de gewoonte-tracker. Animatie. De Agent genereerde een prachtige animatie, compleet met aangepaste afbeeldingen en meer. Dia's, animaties en documenten zijn allemaal slechts code onder de motorkap. Als een agent code kan schrijven en herhalen, kan hij vrijwel elk kennisartefact genereren. Eerlijke kijk: waar Replit's Agent 4 past in de markt voor AI-codering Ik denk dat de markt voor AI-codering zich in twee segmenten heeft opgesplitst: tools voor professionele ontwikkelaars en tools voor alle anderen. Voor ontwikkelaars denk ik dat het een race tussen twee paarden is tussen Claude Code en de Codex van OpenAI. Deze tools zijn krachtig, snel en diep geïntegreerd in de workflows van modellen en ontwikkelaars. Voor alle anderen – en dit is de grotere markt – doet Replit twee weddenschappen met Agent 4: niet-technische mensen zullen rechtstreeks samenwerken met AI-agenten. Ontwerpers zullen AI gebruiken om ontwerpen op een canvas te genereren in plaats van ze handmatig te doen. PM's zullen agenten beheren via een Trello-achtig bord om het werk gedaan te krijgen. Code is de basis van kenniswerk. Als een agent code kan schrijven, kan hij apps, presentaties, animaties en meer genereren. Denk maar eens aan hoeveel mensen Microsoft Office, Google Workspace en traditionele ontwerp- of animatietools gebruiken. Dat is de markt waar Replit op jaagt. Ik denk dat Agent 4 op beide fronten een echte stap voorwaarts is. Het doek kan wat meer glans gebruiken, maar de richting is duidelijk. We gaan samenwerken met AI-agents om in de toekomst allerlei dingen te bouwen, niet alleen maar apps. Bekijk mijn tutorial om het in actie te zien en probeer Agent 4 zelf.
Replit Agent 4 is er: plan, ontwerp en bouw een app voor het bijhouden van gewoontes met meerdere AI-agenten
By Creator Economy
·
·
5 min read
·
560 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
