Caros assinantes,Replit acaba de lançar o Agente 4 e obtive acesso antecipado no fim de semana. Neste tutorial, mostrarei como planejar, projetar e construir um aplicativo de rastreamento de hábitos ao vivo usando a nova tela infinita e agentes paralelos do Agente 4. Também mostrarei como gerar apresentações e animações a partir de código, tudo em apenas 10 minutos. Assista agora no YouTube ou leia o guia escrito abaixo.Carimbos de data e hora:(00:00) Três novos recursos no Replit Agent 4(00:34) Etapa 1: Projete um aplicativo rastreador de hábitos com tela infinita(03:39) Etapa 2: Crie mais rápido com agentes paralelos(05:52) Etapa 3: Publique um aplicativo full-stack com um clique(07:11) Etapa 4: Gere uma apresentação de slides e animação a partir de código (08:58) Visão honesta: onde o Replit se encaixa no mercado de codificação de IAO que construiremosSempre quis um aplicativo onde pudesse marcar hábitos em um calendário e monitorar sequências para me manter motivado. Então, vamos construí-lo agora. 🔥1. Projete o aplicativo de rastreamento de hábitos com tela Vamos começar experimentando a nova tela infinita do Replit com este prompt: Crie um aplicativo rastreador de hábitos móvel (máximo de 3 hábitos). Duas guias: Calendário (padrão) e Hábitos (criar/editar). Guia Calendário: visualização mensal. Mostre um progresso em cada anel de data que é preenchido à medida que os hábitos são concluídos. Toque em uma data para abrir uma página inferior com cartões de alternância para cada hábito. Guia Hábitos: Crie e edite hábitos. Campo de nome, atribuição de cores. Limpo e mínimo. Vamos começar explorando 4 variantes de design para a guia de calendário na tela:Glassmórfico - escuro, cartões de vidro fosco, brilhos suaves, sensação premiumRPG Quest - pixel art, barras XP, listras de chamas, gamificadoBotânico - metáfora de jardim vivo, listras crescem plantas, calmo e terrosoVocê me surpreendeObserve como pedi ao Replit para gerar quatro designs diferentes. Nos bastidores, quatro agentes separados fazem o trabalho. Aqui estão os três primeiros designs gerados: Designs Glassmorphic, RPG e botânico para meu aplicativo de rastreamento de hábitos. Como sou um jogador de coração, optarei pelo design de missão de RPG. Agora vamos editar os designs visualmente usando a tela. Você pode:Gerar telas adicionais. Aperte o botão + do design do RPG e peça para: “Gerar a tela de missão”. Clique no ícone de inspeção e altere o texto ou as cores manualmente. Agora que temos um calendário e uma visualização de missão que gostamos, vamos fazer com que o Replit os construa.2. Crie mais rápido com agentes paralelos Em vez de criar com um agente por vez, vamos fazer com que dois agentes trabalhem em paralelo. No Replit, agora você pode criar threads separados para trabalhar em diferentes partes do aplicativo. Aqui estão as instruções que dei a cada agente:Visualização de calendário: crie a visualização mensal, deslize para rolar entre os meses, hoje está em destaque. As células de data mostram anéis de progresso que são preenchidos à medida que os hábitos são concluídos (1/3, 2/3, 3/3). Toque em uma data para ver a bandeja inferior, onde posso ativar/desativar 3 hábitos. Visualização de hábitos: crie e edite até 3 hábitos com nome e cor. Cada hábito exibe sua contagem atual de sequências. A edição de um hábito redefine sua sequência para zero. Depois de iniciar dois tópicos, agora você pode relaxar e observar o trabalho dos agentes. Há uma visualização de quadro legal no estilo Trello, onde você pode ver as tarefas passando por três estágios: Rascunhos, Ativos e Prontos. Rascunhos são planos aguardando aprovação, ativo significa que o agente está construindo e pronto significa que o trabalho está concluído e pronto para revisão: É para onde acho que os agentes de codificação de IA estão indo. Em vez de programar em pares com um agente, você gerencia uma equipe de agentes. Você dá instruções a eles, se afasta e volta para revisar o trabalho. Assim que os agentes terminarem, você pode revisar cada um e clicar em “Aplicar alterações à versão principal” para mesclá-los. Se algo parecer errado, você pode solicitar edições antes de mesclar. Depois que o aplicativo for criado, você poderá implantá-lo com um clique, clicando em Publicar. Uma vantagem do Replit é que ele é integrado verticalmente, com frontend, backend, banco de dados e verificação de segurança integrados.3. Gere uma apresentação de slides e animação com códigoA apresentação de slides que o Replit gerou para este tutorialAgora vamos nos divertir mais. Ultimamente percebi que: O código é a base de todo trabalho de conhecimento. Com o código, você pode gerar não apenas aplicativos, mas também apresentações de slides, animações, documentos e muito mais. Por exemplo, colei esta postagem completa do boletim informativo no Replit e gerei estes ativos: Apresentação de slides. O Agente gerou 10 slides cobrindo como você pode usar o Agente 4 para planejar,projetar e construir o rastreador de hábitos. Animação. O Agente gerou uma bela animação completa com gráficos personalizados e muito mais. Slides, animações e documentos são apenas códigos subjacentes. Se um agente pode escrever e iterar no código, ele pode gerar quase qualquer artefato de conhecimento. Tomada honesta: onde o Agente 4 do Replit se encaixa no mercado de codificação de IA Acho que o mercado de codificação de IA se dividiu em dois segmentos - ferramentas para desenvolvedores profissionais e ferramentas para todos os outros. Essas ferramentas são poderosas, rápidas e profundamente integradas aos fluxos de trabalho de modelos e desenvolvedores. Para todos os outros – e este é o mercado maior – a Replit está fazendo duas apostas com o Agente 4: Pessoas não técnicas colaborarão diretamente com agentes de IA. Os designers usarão IA para gerar designs em uma tela, em vez de fazê-los manualmente. Os PMs gerenciarão os agentes por meio de um quadro estilo Trello para realizar o trabalho. O código é a base do trabalho de conhecimento. Se um agente puder escrever código, ele poderá gerar aplicativos, apresentações, animações e muito mais. Pense em quantas pessoas usam o Microsoft Office, o Google Workspace e ferramentas tradicionais de design ou animação. Esse é o mercado que Replit está perseguindo. Acho que o Agente 4 é um verdadeiro avanço em ambas as frentes. A tela poderia precisar de um pouco mais de polimento, mas a direção é clara. Trabalharemos com agentes de IA para construir todos os tipos de coisas no futuro, não apenas aplicativos. Assista ao meu tutorial para vê-lo em ação e experimente você mesmo o Agente 4.
Replit Agent 4 chegou: planeje, projete e construa um aplicativo de rastreamento de hábitos com vários agentes de IA
By Creator Economy
·
·
5 min read
·
695 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
