Minamahal na mga subscriber, Kakalunsad lang ng Replit ng Agent 4, at nakakuha ako ng maagang pag-access sa katapusan ng linggo. Sa tutorial na ito, ipapakita ko sa iyo kung paano magplano, magdisenyo, at bumuo ng isang habit-tracking app nang live gamit ang bagong infinite canvas at parallel agent ng Agent 4. Ipapakita ko rin sa iyo kung paano bumuo ng mga presentasyon at animation mula sa code, lahat sa loob lamang ng 10 minuto. Panoorin ngayon sa YouTube o basahin ang nakasulat na gabay sa ibaba.Timestamps:(00:00) Tatlong bagong feature sa Replit Agent 4(00:34) Hakbang 1: Magdisenyo ng habit tracker app gamit ang walang katapusang canvas(03:39) Hakbang 2: Bumuo nang mas mabilis gamit ang mga parallel na ahente(05:52) Hakbang 3: Mag-publish ng app sa isang buong pag-click) slide deck at animation mula sa code(08:58) Honest take: kung saan ang Replit ay umaangkop sa AI coding marketAng bubuuin naminNoon pa man ay gusto ko ng app kung saan maaari kong suriin ang mga gawi sa isang kalendaryo at subaybayan ang mga streak upang manatiling motivated. Kaya't buuin natin ito ngayon. 🔥1. Idisenyo ang habit tracking app gamit ang canvasMagsimula tayo sa pamamagitan ng pagsubok sa bagong walang katapusang canvas ng Replit gamit ang prompt na ito:Bumuo ng mobile habit tracker app (max 3 gawi). Dalawang tab: Kalendaryo (default) at Mga Gawi (lumikha/mag-edit). Tab ng Kalendaryo: Buwanang view. Magpakita ng pag-unlad sa bawat ring ng petsa na mapupuno habang nakumpleto ang mga gawi. Mag-tap ng petsa para magbukas ng ilalim na sheet na may mga toggle card para sa bawat ugali. Tab na Mga gawi: Gumawa at mag-edit ng mga gawi. Field ng pangalan, pagtatalaga ng kulay. Malinis at minimal. Magsimula tayo sa pamamagitan ng paggalugad ng 4 na variant ng disenyo para sa tab ng kalendaryo sa canvas:Glassmorphic — dark, frosted-glass card, soft glows, premium feelRPG Quest — pixel art, XP bar, streak flames, gamifiedBotanical — living garden metaphor, streaks grow plants, calm and earthyYou surprise meNote kung paano ako humingi ng Replit ng disenyo. Sa likod ng mga eksena, pinaikot nito ang apat na magkakahiwalay na ahente para gawin ang trabaho. Narito ang unang tatlong disenyo na nabuo nito:Glassmorphic, RPG, at botanical na mga disenyo para sa aking habit tracking appDahil isa akong gamer sa puso, sasama ako sa RPG quest design. Ngayon, i-edit natin ang mga disenyo nang biswal gamit ang canvas. Maaari kang: Bumuo ng mga karagdagang screen. Pindutin ang + button para sa disenyo ng RPG at hilingin itong: "Bumuo ng screen ng paghahanap."Gumawa ng mga tumpak na pag-edit. I-click ang icon ng inspeksyon at manu-manong baguhin ang text o mga kulay. Ngayong mayroon na tayong kalendaryo at quest view na gusto natin, makuha natin si Replit na buuin ang mga ito.2. Bumuo nang mas mabilis gamit ang mga parallel na ahenteSa halip na bumuo gamit ang isang ahente nang paisa-isa, hayaan nating gumana ang dalawang ahente nang magkasabay. Sa Replit, maaari ka na ngayong magpaikot ng magkahiwalay na mga thread upang gumana sa iba't ibang bahagi ng app. Narito ang mga senyas na ibinigay ko sa bawat ahente:Clendar view: Buuin ang buwanang view, mag-swipe para mag-scroll sa pagitan ng mga buwan, ngayon ay naka-highlight. Ang mga cell ng petsa ay nagpapakita ng mga singsing ng pag-unlad na napupuno habang nakumpleto ang mga gawi (1/3, 2/3, 3/3). Mag-tap ng petsa para makita ang ilalim na tray kung saan maaari kong i-on/off ang 3 gawi. View ng mga gawi: Gumawa at mag-edit ng hanggang 3 gawi na may pangalan at kulay. Ang bawat ugali ay nagpapakita ng kasalukuyang streak count nito. Ang pag-edit ng isang ugali ay nire-reset ang streak nito sa zero. Pagkatapos simulan ang dalawang thread, maaari ka na ngayong umupo at panoorin ang mga ahente na gumagana. Nariyan ang cool na Trello-style na board view kung saan makikita mo ang mga gawain na lumilipat sa tatlong yugto: Mga Draft, Aktibo, at Handa. Ang mga draft ay mga planong naghihintay ng pag-apruba, ang aktibo ay nangangahulugan na ang ahente ay nagtatayo, at handa ay nangangahulugan na ang trabaho ay tapos na at handa na para sa pagsusuri: Dito sa tingin ko ang mga ahente ng AI coding ay papunta. Sa halip na ipares ang programming sa isang ahente, pinamamahalaan mo ang isang pangkat ng mga ahente. Bibigyan mo sila ng mga tagubilin, umalis, at babalik upang suriin ang trabaho. Kapag natapos na ang mga ahente, maaari mong suriin ang bawat isa at i-click ang "Ilapat ang mga pagbabago sa pangunahing bersyon" upang pagsamahin ito. Ikaw pa rin ang may kontrol sa kung anong mga barko ang ipapadala. Kung may hitsura, maaari kang humingi ng mga pag-edit bago pagsamahin. Kapag nabuo na ang app, maaari mo itong i-deploy sa isang pag-click sa pamamagitan ng pagpindot sa I-publish. Ang isang bentahe ng Replit ay na ito ay patayong isinama, na may frontend, backend, database, at pag-scan sa seguridad na lahat ay naka-built in.3. Bumuo ng slide deck at animation gamit ang codeAng slide deck na nabuo ni Replit para sa tutorial na ito Ngayon ay magsaya tayo. Kamakailan lamang ay napagtanto ko na: Ang code ay ang pundasyon ng lahat ng gawaing kaalaman. Gamit ang code, makakabuo ka hindi lamang ng mga app, kundi pati na rin ang mga slide deck, animation, dokumento, at higit pa. Halimbawa, na-paste ko ang buong post ng newsletter na ito sa Replit at nabuo ang mga asset na ito:Slide deck. Bumuo ang Ahente ng 10 slide na sumasaklaw sa kung paano mo magagamit ang Ahente 4 para magplano,disenyo, at buuin ang habit tracker. Animasyon. Nakabuo ang Ahente ng magandang animation na kumpleto sa mga custom na graphics at higit pa. Ang mga slide, animation, at mga dokumento ay code lamang sa ilalim ng hood. Kung ang isang ahente ay maaaring sumulat at umulit sa code, maaari itong bumuo ng halos anumang artifact ng kaalaman. Matapat na pagkuha: Kung saan ang Replit's Agent 4 ay umaangkop sa AI coding marketSa tingin ko ang AI coding market ay nahahati sa dalawang segment — mga tool para sa mga propesyonal na developer at mga tool para sa lahat. Para sa mga developer, sa tingin ko ito ay isang karera ng dalawang kabayo sa pagitan ng Claude Code at OpenAI's Codex. Ang mga tool na ito ay makapangyarihan, mabilis, at malalim na isinama sa mga workflow ng modelo at developer. Para sa lahat — at ito ang mas malaking market — Gumagawa si Replit ng dalawang taya sa Ahente 4: Direktang makikipagtulungan ang mga taong hindi teknikal sa mga ahente ng AI. Gagamitin ng mga designer ang AI upang bumuo ng mga disenyo sa isang canvas sa halip na gawin ang mga ito nang manu-mano. Pamamahalaan ng mga PM ang mga ahente sa pamamagitan ng isang Trello-style na board para matapos ang trabaho. Ang code ay ang pundasyon ng kaalaman sa trabaho. Kung ang isang ahente ay maaaring magsulat ng code, maaari itong bumuo ng mga app, presentasyon, animation, at higit pa. Isipin lang kung gaano karaming tao ang gumagamit ng Microsoft Office, Google Workspace, at tradisyonal na mga tool sa disenyo o animation. Iyan ang market Replit na hinahabol. Sa tingin ko ang Agent 4 ay isang tunay na hakbang pasulong sa magkabilang larangan. Ang canvas ay maaaring gumamit ng kaunti pang polish, ngunit ang direksyon ay malinaw. Makikipagtulungan kami sa mga ahente ng AI para bumuo ng lahat ng uri ng bagay sa hinaharap, hindi lang mga app. Panoorin ang aking tutorial para makita ito sa aksyon at subukan ang Agent 4 nang mag-isa.
Narito ang Replit Agent 4: Magplano, Magdisenyo, at Bumuo ng App sa Pagsubaybay sa Ugali kasama ang Maramihang AI Ahente
By Creator Economy
·
·
5 min read
·
648 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
