Estimados suscriptores, Replit acaba de lanzar Agent 4 y obtuve acceso anticipado durante el fin de semana. En este tutorial, les mostraré cómo planificar, diseñar y crear una aplicación de seguimiento de hábitos en vivo utilizando el nuevo lienzo infinito y agentes paralelos de Agent 4. También les mostraré cómo generar presentaciones y animaciones a partir de código, todo en solo 10 minutos. Míralo ahora en YouTube o lee la guía escrita a continuación. Marcas de tiempo: (00:00) Tres funciones nuevas en Replit Agent 4 (00:34) Paso 1: Diseña una aplicación de seguimiento de hábitos con el lienzo infinito (03:39) Paso 2: Construye más rápido con agentes paralelos (05:52) Paso 3: Publica una aplicación completa con un solo clic (07:11) Paso 4: Genera una presentación de diapositivas y una animación desde código (08:58) Opinión honesta: dónde encaja Replit en el mercado de codificación de IA Qué crearemos Siempre quise una aplicación donde pudiera marcar hábitos en un calendario y realizar un seguimiento de las rachas para mantenerme motivado. Así que construyámoslo ahora. 🔥1. Diseñe la aplicación de seguimiento de hábitos con lienzo. Comencemos probando el nuevo lienzo infinito de Replit con este mensaje: Cree una aplicación de seguimiento de hábitos móvil (máximo 3 hábitos). Dos pestañas: Calendario (predeterminado) y Hábitos (crear/editar). Pestaña Calendario: Vista mensual. Muestra un progreso en cada anillo de fecha que se llena a medida que se completan los hábitos. Toque una fecha para abrir una hoja inferior con tarjetas de alternancia para cada hábito. Pestaña de hábitos: crea y edita hábitos. Campo de nombre, asignación de color. Limpio y mínimo. Comencemos explorando 4 variantes de diseño para la pestaña de calendario en lienzo: Glassmorphic: tarjetas oscuras de vidrio esmerilado, brillos suaves, sensación premium. RPG Quest: pixel art, barras XP, rayas de llamas, gamificado. Botánico: metáfora del jardín viviente, rayas que hacen crecer plantas, tranquilas y terrosas. Me sorprendes. Observa cómo le pedí a Replit que generara cuatro diseños diferentes. Detrás de escena, cuatro agentes distintos se encargan de hacer el trabajo. Estos son los primeros tres diseños que generó: Diseños Glassmorphic, RPG y botánico para mi aplicación de seguimiento de hábitos. Como soy un jugador de corazón, optaré por el diseño de misiones RPG. Ahora editemos los diseños visualmente usando el lienzo. Puedes: Generar pantallas adicionales. Pulsa el botón + para el diseño del juego de rol y pídele: "Generar la pantalla de misiones". Realiza ediciones precisas. Haga clic en el ícono de inspeccionar y cambie el texto o los colores manualmente. Ahora que tenemos un calendario y una vista de misiones que nos gustan, hagamos que Replit los cree.2. Construya más rápido con agentes paralelosEn lugar de construir con un agente a la vez, hagamos que dos agentes trabajen en paralelo. En Replit, ahora puede activar hilos separados para trabajar en diferentes partes de la aplicación. Estas son las indicaciones que le di a cada agente: Vista de calendario: cree la vista mensual, deslícese para desplazarse entre los meses, hoy está resaltado. Las celdas de fecha muestran anillos de progreso que se llenan a medida que se completan los hábitos (1/3, 2/3, 3/3). Toque una fecha para ver la bandeja inferior donde puedo activar o desactivar 3 hábitos. Vista de hábitos: cree y edite hasta 3 hábitos con nombre y color. Cada hábito muestra su racha actual. Editar un hábito restablece su racha a cero. Después de iniciar dos hilos, ahora puedes sentarte y observar a los agentes trabajar. Existe esta genial vista de tablero estilo Trello donde puedes ver las tareas moverse a través de tres etapas: Borradores, Activas y Listas. Los borradores son planes en espera de aprobación, activos significa que el agente está construyendo y listo significa que el trabajo está hecho y listo para su revisión: hacia aquí es hacia donde creo que se dirigen los agentes de codificación de IA. En lugar de programar en pareja con un agente, administra un equipo de agentes. Les das instrucciones, te alejas y regresas para revisar el trabajo. Una vez que los agentes terminan, puedes revisar cada uno y hacer clic en "Aplicar cambios a la versión principal" para fusionarlos. Aún tienes el control de lo que se envía. Si algo parece extraño, puede solicitar modificaciones antes de fusionarlo. Una vez creada la aplicación, puede implementarla con un solo clic presionando Publicar. Una ventaja de Replit es que está integrado verticalmente, con frontend, backend, base de datos y escaneo de seguridad, todo integrado.3. Genere una presentación de diapositivas y una animación con código. La presentación de diapositivas que Replit generó para este tutorial. Ahora divirtámonos un poco más. Últimamente me he dado cuenta de que: El código es la base de todo trabajo de conocimiento. Con el código, puedes generar no solo aplicaciones, sino también presentaciones de diapositivas, animaciones, documentos y más. Por ejemplo, pegué esta publicación completa del boletín en Replit y generé estos recursos: Presentación de diapositivas. El Agente generó 10 diapositivas que cubren cómo puede utilizar el Agente 4 para planificar,diseñar y construir el rastreador de hábitos. Animación. El Agente generó una hermosa animación completa con gráficos personalizados y más. Las diapositivas, las animaciones y los documentos son solo código oculto. Si un agente puede escribir e iterar código, puede generar casi cualquier artefacto de conocimiento. Opinión honesta: dónde encaja el Agente 4 de Replit en el mercado de la codificación de IA Creo que el mercado de la codificación de IA se ha dividido en dos segmentos: herramientas para desarrolladores profesionales y herramientas para todos los demás. Para los desarrolladores, creo que es una carrera de dos caballos entre Claude Code y Codex de OpenAI. Estas herramientas son poderosas, rápidas y profundamente integradas en los flujos de trabajo de modelos y desarrolladores. Para todos los demás, y este es el mercado más grande, Replit está haciendo dos apuestas con el Agente 4: las personas sin conocimientos técnicos colaborarán directamente con los agentes de IA. Los diseñadores utilizarán IA para generar diseños sobre un lienzo en lugar de hacerlos manualmente. Los PM administrarán a los agentes a través de un tablero estilo Trello para realizar el trabajo. El código es la base del trabajo del conocimiento. Si un agente puede escribir código, puede generar aplicaciones, presentaciones, animaciones y más. Basta pensar en cuántas personas utilizan Microsoft Office, Google Workspace y herramientas tradicionales de diseño o animación. Ese es el mercado que Replit persigue. Creo que Agent 4 es un verdadero paso adelante en ambos frentes. Al lienzo le vendría bien un poco más de pulido, pero la dirección es clara. Trabajaremos con agentes de IA para crear todo tipo de cosas en el futuro, no solo aplicaciones. Mire mi tutorial para verlo en acción y pruebe el Agente 4 usted mismo.
Replit Agent 4 ya está aquí: planifique, diseñe y cree una aplicación de seguimiento de hábitos con múltiples agentes de IA
By Creator Economy
·
·
5 min read
·
641 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
