Problema
Chiedere per iscritto una modifica visiva — «alza un po’ questo», «cambia quella foto» — è lento e ambiguo, e spesso richiede più andate e ritorni prima di arrivare al risultato giusto.
Editor Vivo · Strumento dello studio
Strumento per modificare pagine web con il mouse, senza toccare il codice
Un livello di modifica che si apre sopra qualsiasi sito in sviluppo: clicchi, sposti, cambi testi o immagini e la modifica viene trasferita nel codice reale con schermate del prima e del dopo.
- Stato
- Uso interno
- Tipo
- Strumento proprio
- Piattaforma
- Desktop (browser locale)
- Anno
- 2026
Il progetto in 30 secondi
Che cosa risolve e per chi
Soluzione
Il sito si apre con un livello di modifica sopra. Ogni salvataggio registra esattamente cosa è cambiato, con immagini ottimizzate e schermate, e l’assistente di codice lo applica al progetto reale.
Per chi
Team che ritoccano siti web ogni giorno. Oggi è lo strumento con cui lo stesso studio rifinisce le proprie consegne.
Che cosa fa
Dal clic alla modifica nel codice
01
Seleziona e agisci
Passi il cursore, clicchi e compare una barra per spostare, modificare il testo, eliminare o sostituire l’immagine dell’elemento.
02
Modifica il testo direttamente sulla pagina
Scrivi sopra il testo e vedi subito il risultato, con annulla, ripristina e un contatore delle modifiche in sospeso sul pulsante Salva.
Salva l’intenzione, non il codice
Ogni salvataggio genera un pacchetto con le modifiche, le immagini ottimizzate e schermate del prima e del dopo, pronto per essere applicato al sito.
Sicuro by design
Funziona solo sul computer di chi modifica e rifiuta qualsiasi salvataggio che non provenga dalla propria pagina.
In cifre
Ciò che è stato costruito
Misurato nei test
158 test automatici + 8 su browser reale
Tutti superati al termine dello sviluppo.
Misurato nei test
6 tentativi di salvataggio non autorizzato su 6 bloccati
Prova di attacco riprodotta in sede di audit: nessuno è arrivato a scrivere un file.
Come è fatto
La tecnologia alla base
Tecnologia
Node.jsTypeScriptPlaywrightsharp
Dettaglio tecnico
Applicazione a riga di comando che si pone davanti al server locale del sito, inietta il livello di modifica e salva un pacchetto con un manifesto convalidato delle modifiche. L’assistente di codice dello studio legge quel pacchetto e applica le modifiche.
Galleria
Altre schermate del prodotto
Il tuo progetto
Ti serve qualcosa come Editor Vivo?
Raccontaci l’idea in due righe. Ti rispondiamo con ambito, tempi e una prima proposta.
Continua a esplorare
Altri progetti
Vitrina Visual — Sistema che monta i video di un’attività per Reels e TikTok
L’attività carica i suoi video grezzi e riceve clip verticali pronti per Reels e TikTok, con voce, sottotitoli, marchio e prezzo. Ogni video passa controlli automatici e una revisione umana.
Vedi il progetto
Concept Engine — Strumento che trasforma un’idea nella prima architettura di un prodotto
Descrivi un’idea in una frase e ricevi in pochi secondi una prima bozza del prodotto, scritta da un’IA, nella lingua in cui navighi.
Vedi il progetto
Estimate Radar — SaaS per le imprese USA che lavorano con le compagnie assicurative
Legge le risposte delle compagnie assicurative, calcola le scadenze in giorni lavorativi e prepara ogni sollecito da sottoporre all’approvazione dell’impresa. Primo cliente: un’azienda del Texas.
Vedi il progetto