Cos'è MSP Studio

MSP Studio è il builder AI di MSP In Cloud: descrivi in italiano il sito o l'applicazione che vuoi e un agente AI la costruisce davanti ai tuoi occhi, con anteprima dal vivo, codice vero e pubblicazione online. Durante la beta è incluso gratis in ogni account: niente da ordinare, niente carta.

Onestà sulla beta: oggi Studio gira su un ambiente di anteprima condiviso, pensato per provare e costruire, non per carichi di produzione critici. Non inserire nei progetti dati personali o segreti importanti. Il codice però è tuo al 100%: puoi scaricarlo in ZIP o esportarlo su GitHub in ogni momento, zero vincoli.

Come si entra

Serve solo il login al pannello. Tre strade, tutte equivalenti:

• dalla Dashboard, card MSP Studio · Beta gratuita → pulsante Prova MSP Studio;
• dalla voce MSP Studio nel menu laterale;
• dalla pagina prodotto MSP Studio.

Studio si apre in una nuova scheda, già autenticato con il tuo account del pannello.

Il primo progetto: scrivi e vai

1. Nella schermata iniziale trovi un grande campo di testo: descrivi cosa vuoi costruire (es. "sito per la mia pizzeria con menù e contatti", "gestionale prenotazioni con area admin").
2. Se vuoi, apri Opzioni avanzate per scegliere il tipo di progetto, una libreria di componenti grafici o il nome. Altrimenti non serve: di default Studio prepara un progetto completo (interfaccia + eventuale parte server).
3. Invia. L'agente analizza la richiesta, crea i file e in pochi istanti vedi l'anteprima dal vivo che si aggiorna man mano.
4. Da lì in poi si va a conversazione: "aggiungi una pagina contatti", "rendi l'intestazione blu", "collega un form che salva le richieste"…

Le modalità dell'agente

• Ingegnere: ragiona e ti propone un piano (obiettivo, struttura, passi, dubbi da chiarire) senza toccare i file. Quando il piano ti convince, premi Costruisci il piano e parte la realizzazione.
• Programmatore: costruisce e modifica direttamente.
• Automatico: decide da solo, richiesta per richiesta: se chiedi un'idea ragiona, se chiedi una modifica la fa. In chat vedi sempre quale strada ha scelto.

In più scegli come applicare le modifiche: Auto (applica subito, con un punto di ripristino a ogni passaggio) oppure Chiedi prima (ti mostra le differenze e decidi tu con Applica/Scarta).

L'area di lavoro

• Chat | Anteprima: la conversazione con l'agente e il sito che prende forma, affiancati o a schermo pieno.
• Console: i log in tempo reale e un terminale vero (una riga di comando nel contenitore isolato del progetto) per chi vuole metterci le mani. Si chiude da solo dopo 30 minuti di inattività.
• Codice: l'albero dei file con un editor completo: puoi modificare a mano e salvare con Ctrl+S (ogni salvataggio crea un punto di ripristino).
• Scarica ZIP: in fondo all'albero dei file: ti porti a casa tutti i sorgenti.

Verifica l'app (collaudo automatico)

Il pulsante Verifica l'app apre il tuo progetto in un vero browser di test e ti riporta in chat una checklist ✓/✕ (pagina che carica, errori, immagini rotte, link, invio form, resa su mobile) con screenshot desktop e mobile. Se qualcosa non va, premi Correggi con AI e ri-verifica: l'agente sistema e ricontrolla.

Cronologia e Undo (niente panico)

• Ogni modifica crea un checkpoint: dal pannello Cronologia puoi vedere la lista, guardare com'era una versione passata senza toccare nulla, o ripristinare (in modo non distruttivo: si può sempre tornare avanti).
• Il pulsante Undo annulla l'ultimo passaggio al volo.

Pubblicare online

1. Premi Pubblica: una finestra ti spiega cosa succede e dove finirà l'app prima di confermare.
2. I siti statici e i progetti React vanno online su un indirizzo pubblico subito; per le app complete (con parte server) l'indirizzo viene assegnato al primo deploy.
3. Dopo la pubblicazione il pulsante diventa Pubblicato, con le voci Ripubblica e Togli da online.

• Le app complete pubblicate possono "addormentarsi" quando nessuno le visita e si risvegliano da sole alla prima visita (qualche secondo di attesa).
• Limiti onesti di oggi: i progetti Python e PHP non si pubblicano da Studio (scarichi lo ZIP e li metti su un tuo server o una VPS); il collegamento di un dominio tuo con HTTPS è in arrivo.

GitHub: importa ed esporta

• Importa da GitHub: parti da un repository pubblico esistente come base del progetto.
• Esporta su GitHub: pubblica il progetto su un tuo repository (al primo uso ti viene chiesto un token personale GitHub con permesso repo, che conserviamo cifrato).

Con quale AI lavora Studio?

Di default con il credito AI incluso, senza configurare nulla. In alternativa puoi collegare un tuo abbonamento ChatGPT (Codex) o una tua chiave API. Tutti i dettagli nella guida connettori e modalità AI.