Estimados subscritores, Replit acaba de lanzar o axente 4 e conseguín o acceso anticipado durante a fin de semana. Neste tutorial mostrarei como planificar, deseñar e construír unha aplicación de seguimento de hábitos en directo usando o novo lenzo infinito e axentes paralelos de Agent 4. Tamén che mostrarei como xerar presentacións e animacións a partir de código, todo en só 10 minutos. Mira agora en YouTube ou le a guía escrita a continuación. Marcas de tempo: (00:00) Tres novas funcións en Replit Agent 4 (00:34) Paso 1: Deseña unha aplicación de seguimento de hábitos co lenzo infinito (03:39) Paso 2: Constrúe máis rápido con axentes paralelos (05:52) Paso 3: Publica unha aplicación de pila completa cun só clic (Xerar unha diapositiva de 04: 1 clic) code(08:58) Toma honesta: onde Replit encaixa no mercado de codificación da IA. O que imos construírSempre quixen unha aplicación onde poida comprobar os hábitos nun calendario e rastrexar rachas para manterme motivado. Entón, imos construílo agora. 🔥1. Deseña a aplicación de seguimento de hábitos con canvasComecemos probando o novo lenzo infinito de Replit con este aviso: Crea unha aplicación de seguimento de hábitos móbiles (máximo 3 hábitos). Dúas pestanas: Calendario (predeterminado) e Hábitos (crear/editar). Pestana Calendario: Vista mensual. Mostra un progreso en cada anel de datas que se enche a medida que se completan os hábitos. Toca unha data para abrir unha folla inferior con tarxetas de alternancia para cada hábito. Pestana Hábitos: crea e edita hábitos. Campo de nome, asignación de cores. Limpo e mínimo. Comecemos explorando 4 variantes de deseño para a pestana do calendario do lenzo: Glassmorphic: tarxetas escuras, de vidro esmerilado, brillos suaves, sensación premium RPG Quest: pixel art, barras XP, streak flames, gamifiedBotanical: metáfora do xardín vivo, raias crecen plantas, calma e terra. Sorpréndeme para xerar catro deseños diferentes. Detrás de escena, fai girar catro axentes separados para facer o traballo. Aquí tes os tres primeiros deseños que xerou: deseños de Glassmorphic, RPG e botánicos para a miña aplicación de seguimento de hábitos Xa que son un xogador de corazón, seguirei co deseño da misión RPG. Agora imos editar os deseños visualmente usando o lenzo. Podes:Xerar pantallas adicionais. Preme o botón + para o deseño do RPG e pídelle: "Xerar a pantalla de misións". Fai edicións precisas. Fai clic na icona de inspección e cambia o texto ou as cores manualmente.Agora que temos un calendario e unha vista de misións que nos gustan, fagamos que Replit os constrúa.2. Crea máis rápido con axentes paralelosEn lugar de construír cun axente á vez, fagamos que dous axentes traballen en paralelo. En Replit, agora podes crear fíos separados para traballar en diferentes partes da aplicación. Aquí están as indicacións que dei a cada axente: Vista do calendario: crea a vista mensual, pasa o dedo para desprazarse entre os meses, hoxe está resaltado. As celas de data mostran aneis de progreso que se enchen a medida que se completan os hábitos (1/3, 2/3, 3/3). Toca unha data para ver a bandexa inferior na que podo activar/desactivar 3 hábitos. Vista de hábitos: crea e edita ata 3 hábitos con nome e cor. Cada hábito mostra o seu reconto de raias actual. Ao editar un hábito restablece a súa racha a cero. Despois de iniciar dous fíos, agora podes sentarte e ver como traballan os axentes. Hai esta interesante vista de taboleiro estilo Trello na que podes ver que as tarefas se moven a través de tres etapas: Borradores, Activos e Listos. Os borradores son plans que agardan a súa aprobación, activos significa que o axente está a construír e listos significa que o traballo está feito e listo para ser revisado: aquí é cara onde creo que os axentes de codificación da IA ​​van. En lugar de sincronizar a programación cun axente, estás xestionando un equipo de axentes. Dáslles instrucións, afastas e volves para revisar o traballo. Unha vez que os axentes rematen, podes revisar cada un e facer clic en "Aplicar cambios á versión principal" para combinalo. Aínda tes o control do que se envía. Se algo parece mal, podes solicitar edicións antes de fusionar. Unha vez creada a aplicación, podes implementala cun só clic premendo en Publicar. Unha vantaxe de Replit é que está integrado verticalmente, con frontend, backend, base de datos e dixitalización de seguranza integradas.3. Xera un conxunto de diapositivas e animación con código. O conxunto de diapositivas que Replit xerou para este tutorial. Agora divertémonos máis. Ultimamente decateime de que: O código é a base de todo traballo de coñecemento. Co código, podes xerar non só aplicacións, senón tamén diapositivas, animacións, documentos e moito máis. Por exemplo, peguei esta publicación completa do boletín en Replit e xerei estes recursos: Presentación de diapositivas. O axente xerou 10 diapositivas sobre como pode usar o axente 4 para planificar,deseña e crea o rastreador de hábitos. Animación. O axente xerou unha fermosa animación completa con gráficos personalizados e moito máis. As diapositivas, as animacións e os documentos son só código baixo o capó. Se un axente pode escribir e iterar no código, pode xerar case calquera artefacto de coñecemento. Toma honesta: onde encaixa o axente 4 de Replit no mercado de codificación de IA Creo que o mercado de codificación de AI dividiuse en dous segmentos: ferramentas para desenvolvedores profesionais e ferramentas para todos os demais. Estas ferramentas son potentes, rápidas e están profundamente integradas nos fluxos de traballo de modelos e desenvolvedores. Para todos os demais, e este é o mercado máis grande, Replit aposta dúas veces co Axente 4: as persoas non técnicas colaborarán directamente cos axentes de IA. Os deseñadores usarán a IA para xerar deseños nun lenzo en lugar de facelos manualmente. Os PM xestionarán axentes a través dun taboleiro estilo Trello para facer o traballo. O código é a base do traballo de coñecemento. Se un axente pode escribir código, pode xerar aplicacións, presentacións, animacións e moito máis. Pensa en cantas persoas usan Microsoft Office, Google Workspace e as ferramentas tradicionais de deseño ou animación. Ese é o mercado que Replit persegue. Creo que o axente 4 é un verdadeiro paso adiante en ambas as frontes. O lenzo podería usar un pouco máis de pulido, pero a dirección é clara. Imos traballar con axentes de IA para crear todo tipo de cousas no futuro, non só aplicacións. Mira o meu tutorial para velo en acción e proba o Axente 4 ti mesmo.

You May Also Like

Enjoyed This Article?

Get weekly tips on growing your audience and monetizing your content — straight to your inbox.

No spam. Join 138,000+ creators. Unsubscribe anytime.

Create Your Free Bio Page

Join 138,000+ creators on Seemless.

Get Started Free