Cari abbonati, Replit ha appena lanciato l'Agente 4 e ho ottenuto l'accesso anticipato durante il fine settimana. In questo tutorial vi mostrerò come pianificare, progettare e creare un'app di monitoraggio delle abitudini dal vivo utilizzando il nuovo Canvas infinito e gli agenti paralleli dell'Agente 4. Vi mostrerò anche come generare presentazioni e animazioni dal codice, il tutto in soli 10 minuti. Guarda ora su YouTube o leggi la guida scritta di seguito. Timestamp: (00:00) Tre nuove funzionalità in Replit Agent 4 (00:34) Passaggio 1: Progetta un'app per il monitoraggio delle abitudini con il Canvas infinito (03:39) Passaggio 2: Crea più velocemente con agenti paralleli (05:52) Passaggio 3: Pubblica un'app full-stack con un clic (07:11) Passaggio 4: Genera una presentazione e un'animazione da code(08:58) Opinione onesta: dove Replit si inserisce nel mercato della codifica AICosa costruiremoHo sempre desiderato un'app in cui posso controllare le abitudini su un calendario e tenere traccia delle serie di successi per rimanere motivato. Quindi costruiamolo ora. 🔥1. Progetta l'app per il monitoraggio delle abitudini con Canvas Iniziamo provando la nuova tela infinita di Replit con questo suggerimento: Crea un'app per il monitoraggio delle abitudini mobile (massimo 3 abitudini). Due schede: Calendario (predefinito) e Abitudini (crea/modifica). Scheda Calendario: visualizzazione mensile. Mostra un progresso in ciascun anello della data che si riempie man mano che le abitudini vengono completate. Tocca una data per aprire un foglio inferiore con le schede di attivazione/disattivazione per ciascuna abitudine. Scheda Abitudini: crea e modifica abitudini. Campo nome, assegnazione colore. Pulito e minimale. Iniziamo esplorando 4 varianti di design per la scheda del calendario su tela: Glassmorphic: carte scure, in vetro smerigliato, bagliori tenui, sensazione premium RPG Quest: pixel art, barre XP, striature di fiamme, gamified Botanical: metafora del giardino vivente, striature fanno crescere le piante, calmo e terrosoMi sorprendiNota come ho chiesto a Replit di generare quattro diversi design. Dietro le quinte, vengono creati quattro agenti separati per svolgere il lavoro. Ecco i primi tre progetti che ha generato: design glassmorfici, giochi di ruolo e botanici per la mia app di monitoraggio delle abitudini. Dato che in fondo sono un giocatore, sceglierò il design delle missioni dei giochi di ruolo. Ora modifichiamo visivamente i disegni utilizzando la tela. Puoi:Generare schermate aggiuntive. Premi il pulsante + per il design del gioco di ruolo e chiedi di: "Genera la schermata della missione". Apporta modifiche precise. Fai clic sull'icona di ispezione e modifica manualmente il testo o i colori. Ora che abbiamo un calendario e una visualizzazione delle missioni che ci piacciono, facciamo in modo che Replit li crei.2. Crea più velocemente con agenti paralleli Invece di creare con un agente alla volta, facciamo in modo che due agenti lavorino in parallelo. In Replit, ora puoi avviare thread separati per lavorare su parti diverse dell'app. Ecco i suggerimenti che ho dato a ciascun agente:Vista calendario: crea la vista mensile, scorri per scorrere tra i mesi, oggi è evidenziato. Le celle della data mostrano anelli di avanzamento che si riempiono man mano che le abitudini vengono completate (1/3, 2/3, 3/3). Tocca una data per vedere il vassoio inferiore dove posso attivare/disattivare 3 abitudini. Visualizzazione abitudini: crea e modifica fino a 3 abitudini con nome e colore. Ogni abitudine mostra il numero di serie corrente. La modifica di un'abitudine ne ripristina la serie a zero. Dopo aver avviato due thread, ora puoi rilassarti e osservare gli agenti lavorare. C'è questa fantastica visualizzazione della bacheca in stile Trello in cui puoi vedere le attività spostarsi attraverso tre fasi: Bozze, Attivo e Pronto. Le bozze sono piani in attesa di approvazione, attive significa che l'agente sta costruendo e pronte significa che il lavoro è terminato e pronto per la revisione: è qui che penso che gli agenti di codifica AI si stiano dirigendo. Invece di associare la programmazione con un agente, gestisci un team di agenti. Dai loro istruzioni, ti allontani e torni per rivedere il lavoro. Una volta che gli agenti hanno finito, puoi rivederli ciascuno e fare clic su "Applica modifiche alla versione principale" per unirlo. Hai ancora il controllo di ciò che viene spedito. Se qualcosa sembra strano, puoi chiedere modifiche prima dell'unione. Una volta creata l'app, puoi distribuirla con un clic premendo Pubblica. Un vantaggio di Replit è che è integrato verticalmente, con frontend, backend, database e scansione di sicurezza tutti integrati.3. Genera una presentazione e un'animazione con il codiceLa presentazione generata da Replit per questo tutorialOra divertiamoci ancora un po'. Ultimamente mi sono reso conto che: Il codice è il fondamento di tutto il lavoro basato sulla conoscenza. Con il codice puoi generare non solo app, ma anche presentazioni, animazioni, documenti e altro ancora. Ad esempio, ho incollato questo post completo della newsletter in Replit e ho generato queste risorse: Slide deck. L'Agente ha generato 10 diapositive che illustrano come utilizzare l'Agente 4 per pianificare,progettare e costruire il tracker delle abitudini. Animazione. L'Agente ha generato una bellissima animazione completa di grafica personalizzata e altro ancora. Diapositive, animazioni e documenti sono tutti solo codice sotto il cofano. Se un agente può scrivere ed eseguire iterazioni sul codice, può generare quasi tutti gli artefatti della conoscenza. Opinione onesta: dove si inserisce l'Agente 4 di Replit nel mercato della codifica AI Penso che il mercato della codifica AI si sia diviso in due segmenti: strumenti per sviluppatori professionisti e strumenti per tutti gli altri. Per gli sviluppatori, penso che sia una corsa a due cavalli tra Claude Code e Codex di OpenAI. Questi strumenti sono potenti, veloci e profondamente integrati nei flussi di lavoro di modelli e sviluppatori. Per tutti gli altri, e questo è il mercato più ampio, Replit sta facendo due scommesse con l'Agente 4: le persone non tecniche collaboreranno direttamente con gli agenti AI. I progettisti utilizzeranno l'intelligenza artificiale per generare progetti su tela invece di eseguirli manualmente. I PM gestiranno gli agenti attraverso una bacheca in stile Trello per portare a termine il lavoro. Il codice è il fondamento del lavoro della conoscenza. Se un agente può scrivere codice, può generare app, presentazioni, animazioni e altro ancora. Pensa solo a quante persone utilizzano Microsoft Office, Google Workspace e gli strumenti tradizionali di progettazione o animazione. Questo è il mercato che Replit sta inseguendo. Penso che Agent 4 sia un vero passo avanti su entrambi i fronti. La tela avrebbe bisogno di un po' più di lucidatura, ma la direzione è chiara. In futuro lavoreremo con gli agenti IA per creare ogni genere di cose, non solo app. Guarda il mio tutorial per vederlo in azione e prova tu stesso l'Agente 4.

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