Behind the scenes
Questo sito non l'ho costruito da solo.
Ogni capitolo, ogni quiz, ogni lab pratico che hai letto è stato creato da un sistema di agenti AI che ho orchestrato con OpenClaw. Questa pagina ti mostra come funziona dall'interno.
Cos'è OpenClaw?
OpenClaw è una piattaforma per orchestrare agenti AI via CLI e configurazione. Permette di connettere modelli linguistici (Claude, GPT-4, Gemini...) a strumenti reali — browser, terminale, API, file system — e farli collaborare su task complessi.
Agenti autonomi
Ogni agente ha un ruolo, una memoria e accesso a tool specifici. Lavorano in parallelo o in sequenza.
Orchestrazione
Un agente principale coordina i sotto-agenti, assegna task, raccoglie output e gestisce errori.
Memoria persistente
Gli agenti ricordano decisioni, contesto e storico tra sessioni diverse tramite file di memoria strutturati.
In questo progetto, Michele invia un messaggio su Telegram. Spark (l'agente principale) lo riceve, pianifica il lavoro e attiva i sotto-agenti giusti. Tutto il materiale che vedi su questo sito — capitoli, quiz, lab, media — è stato prodotto da questa catena di agenti.
Il sistema
Ogni agente ha un ruolo preciso. Clicca su ciascuno per vedere cosa fa, quale tool usa e cosa produce.
Come nasce un capitolo
Dal messaggio di Michele al capitolo live sul sito — in 6 passaggi.
Michele definisce l'argomento
Un messaggio su Telegram: "Crea il capitolo sul Machine Learning — lab pratico incluso." Niente di più.
Spark struttura il contenuto
Spark legge il contesto del corso, genera struttura, sezioni, keyTakeaway, discussionPrompt, esercizi e quiz in TypeScript.
Showcaser costruisce la pagina
Il contenuto viene convertito in una pagina Next.js interattiva con componenti, glossario inline e workflow lab. Push su GitHub → deploy automatico su Vercel.
Notebook prepara le fonti
Per ogni capitolo con lab, viene generato un testo denso e strutturato — la "fonte" che NotebookLM usa per produrre media.
Michele genera i media
Con un click su NotebookLM, Michele genera il podcast e il video riassuntivo del capitolo. Li carica nel sito — il media slot era già pronto ad accoglierli.
Quizard pubblica il quiz
Il quiz del capitolo viene pubblicato su Wayground in modalità Mastering — gli studenti lo trovano già attivo il giorno della lezione.
Il sistema in un'immagine
L'architettura completa del sistema OpenClaw — dal brief di Michele al sito live.
Generata con NotebookLM
Stack e tool
| Agente | Tool | Output |
|---|---|---|
| Spark ✨ | OpenClaw | Orchestrazione completa — coordina ogni agente, ogni task, ogni output didattico |
| Quizard 🎯 | Wayground | Esperienze di apprendimento interattive — quiz, sessioni guidate, tracciamento progressi |
| GammaBot 🎨 | Gamma.app API | Presentazioni PDF/PPTX pronte per l'aula |
| Notebook 📓 | Google NotebookLM | Podcast audio, video riassuntivi, infografiche |
| Showcaser 🖥️ | Next.js + Vercel + GitHub | Questo sito — ogni capitolo, quiz, lab |
Risorse e link utili
Tool, documentazione e repository usati in questo progetto.
OpenClaw
La piattaforma di orchestrazione agenti AI usata per costruire tutto questo.
openclaw.ai
OpenClaw Docs
Documentazione ufficiale: skill, agenti, configurazione, CLI reference.
docs.openclaw.ai
Wayground
Piattaforma quiz e learning usata da Quizard per creare i quiz interattivi del corso.
wayground.com
Gamma.app
Generatore di slide AI usato da GammaBot per produrre le presentazioni del corso.
gamma.app
Google NotebookLM
Usato da Notebook per analizzare i capitoli e generare podcast e video riassuntivi.
notebooklm.google.com
GitHub MT-Showcases
Repository del sito. Ogni push su main triggera il deploy automatico su Vercel.
github.com/MT-Showcases
Vercel
Hosting e deploy continuo del sito. Zero config, integrazione nativa con Next.js.
vercel.com
Next.js
Framework React usato per costruire il sito. App Router, SSG, API routes.
nextjs.org
Vuoi costruire qualcosa di simile?
OpenClaw è lo strumento che ho usato per orchestrare tutto questo. Se stai costruendo un prodotto, un corso o un sistema AI, parliamone.