Benvolguts subscriptors, Replit acaba de llançar l'Agent 4 i vaig tenir accés anticipat durant el cap de setmana. En aquest tutorial, us mostraré com planificar, dissenyar i crear una aplicació de seguiment d'hàbits en directe mitjançant el nou llenç infinit i els agents paral·lels de l'Agent 4. També us mostraré com generar presentacions i animacions a partir del codi, tot en només 10 minuts. Mireu ara a YouTube o llegiu la guia escrita a continuació. Segells de temps: (00:00) Tres noves funcions a Replit Agent 4 (00:34) Pas 1: Dissenyeu una aplicació de seguiment d'hàbits amb el llenç infinit (03:39) Pas 2: Construïu més ràpidament amb agents paral·lels (05:52) Pas 3: publiqueu una aplicació de pila completa en un sol clic (Generació d'una diapositiva 04: 11 clic) codi (08:58) Presa honesta: on encaixa Replit al mercat de codificació d'IA. El que construiremSempre he volgut una aplicació on puc comprovar els hàbits en un calendari i fer un seguiment de les ratlles per mantenir-me motivat. Així que construïm-lo ara. 🔥1. Dissenyeu l'aplicació de seguiment d'hàbits amb canvasComencem provant el nou llenç infinit de Replit amb aquest missatge: Creeu una aplicació de seguiment d'hàbits mòbils (màxim 3 hàbits). Dues pestanyes: Calendari (predeterminat) i Hàbits (crear/editar). Pestanya Calendari: Visualització mensual. Mostra un progrés a cada anell de cites que s'omple a mesura que es completen els hàbits. Toqueu una data per obrir un full inferior amb targetes de commutació per a cada hàbit. Pestanya Hàbits: crea i edita hàbits. Camp de nom, assignació de color. Net i mínim. Comencem explorant 4 variants de disseny per a la pestanya del calendari del llenç: Glassmòrfic: targetes fosques, de vidre esmerilat, resplendors suaus, sensació premium RPG Quest: art de píxels, barres XP, flames de ratlla, gamifiedBotanical: metàfora del jardí viu, ratlles creixen plantes, tranquil·les i terroses. Sorprèn-me per generar quatre dissenys diferents. Entre bastidors, fa girar quatre agents separats per fer la feina. Aquests són els tres primers dissenys que va generar: dissenys de Glassmorphic, RPG i botànics per a la meva aplicació de seguiment d'hàbits. Com que sóc un jugador de cor, aniré amb el disseny de la cerca RPG. Ara editem els dissenys visualment amb el llenç. Podeu: Generar pantalles addicionals. Premeu el botó + per al disseny del joc de rol i demaneu-li: "Genereu la pantalla de la cerca". Feu modificacions precises. Feu clic a la icona d'inspecció i canvieu el text o els colors manualment. Ara que tenim un calendari i una vista de missions que ens agrada, demanem a Replit que els creï.2. Creeu més ràpidament amb agents paral·lels En lloc de crear amb un agent alhora, fem que dos agents treballin en paral·lel. A Replit, ara podeu crear fils separats per treballar en diferents parts de l'aplicació. Aquestes són les indicacions que vaig donar a cada agent: Visualització del calendari: creeu la vista mensual, feu lliscar per desplaçar-vos entre mesos, avui es destaca. Les cel·les de data mostren anells de progrés que s'omplen a mesura que es completen els hàbits (1/3, 2/3, 3/3). Toca una data per veure la safata inferior on puc activar/desactivar 3 hàbits. Visualització d'hàbits: crea i edita fins a 3 hàbits amb nom i color. Cada hàbit mostra el seu recompte de ratxa actual. L'edició d'un hàbit restableix la seva ratxa a zero. Després d'iniciar dos fils, ara podeu seure i veure com treballen els agents. Hi ha aquesta fantàstica vista de tauler d'estil Trello on podeu veure que les tasques es mouen a través de tres etapes: esborranys, actius i llestos. Els esborranys són plans que esperen l'aprovació, actius significa que l'agent està construint i preparats significa que el treball està fet i llest per a la revisió: aquí és cap a on crec que es dirigeixen els agents de codificació d'IA. En lloc de programar en parella amb un agent, esteu gestionant un equip d'agents. Els doneu instruccions, us allunyeu i torneu a revisar el treball. Un cop els agents acabin, podeu revisar-los i fer clic a "Aplica els canvis a la versió principal" per combinar-los. Encara teniu el control de quins vaixells s'envien. Si alguna cosa sembla malament, podeu demanar modificacions abans de combinar-la. Un cop s'ha creat l'aplicació, podeu implementar-la amb un sol clic prement Publica. Un dels avantatges de Replit és que està integrat verticalment, amb la interfície, el backend, la base de dades i l'exploració de seguretat integrades.3. Genereu un quadre de diapositives i una animació amb codi. El conjunt de diapositives que Replit va generar per a aquest tutorial Ara divertim-nos una mica més. Darrerament m'he adonat que: El codi és la base de tot treball de coneixement. Amb el codi, no només podeu generar aplicacions, sinó també diapositives, animacions, documents i molt més. Per exemple, vaig enganxar aquesta publicació completa del butlletí a Replit i vaig generar aquests actius: Diapositiva. L'Agent ha generat 10 diapositives sobre com podeu utilitzar l'Agent 4 per planificar,dissenyar i crear el rastrejador d'hàbits. Animació. L'agent va generar una animació preciosa completa amb gràfics personalitzats i molt més. Les diapositives, les animacions i els documents són només codi sota el capó. Si un agent pot escriure i iterar el codi, pot generar gairebé qualsevol artefacte de coneixement. Presa honesta: on l'Agent 4 de Replit s'adapta al mercat de codificació d'IA Crec que el mercat de codificació d'IA s'ha dividit en dos segments: eines per a desenvolupadors professionals i eines per a tots els altres. Aquestes eines són potents, ràpides i s'integren profundament als fluxos de treball de models i desenvolupadors. Per a tots els altres, i aquest és el mercat més gran, Replit està fent dues apostes amb l'Agent 4: la gent no tècnica col·laborarà directament amb els agents d'IA. Els dissenyadors utilitzaran la IA per generar dissenys en un llenç en lloc de fer-los manualment. Els PM gestionaran els agents mitjançant un tauler d'estil Trello per fer la feina. El codi és la base del treball de coneixement. Si un agent pot escriure codi, pot generar aplicacions, presentacions, animacions i molt més. Només cal pensar en quantes persones utilitzen Microsoft Office, Google Workspace i les eines tradicionals de disseny o animació. Aquest és el mercat que Replit persegueix. Crec que l'Agent 4 és un veritable pas endavant en ambdós fronts. El llenç podria utilitzar una mica més de poliment, però la direcció és clara. Treballarem amb agents d'IA per crear tot tipus de coses en el futur, no només aplicacions. Mireu el meu tutorial per veure'l en acció i aneu a provar l'Agent 4 vosaltres mateixos.
Replit Agent 4 ja és aquí: planifica, dissenya i crea una aplicació de seguiment d'hàbits amb diversos agents d'IA
By Creator Economy
·
·
5 min read
·
636 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
