ICYMI: Modern Web Guidance is now stable

Matthias Rohmer

Alexandra Klepper

Data di pubblicazione: 13 novembre 2026

Se sei un lettore abituale di questo sito, segui Chrome per gli sviluppatori su X, LinkedIn o Bluesky o hai aperto il riquadro Novità in DevTools questa settimana, probabilmente hai già sentito la notizia. Ma per tutti coloro che erano impegnati a lavorare: Modern Web Guidance è ora disponibile come versione stabile 1.0.

Da quando abbiamo condiviso l'anteprima a Google I/O, abbiamo apportato molti miglioramenti e trasformato Modern Web Guidance in una collaborazione tra browser con Firefox ed Edge. Abbiamo trascorso questa settimana ad analizzarli in articoli, case study, video e documenti.

In sintesi

I modelli pionieristici spesso utilizzano per impostazione predefinita pattern legacy per lo sviluppo web. Ad esempio, preferiscono una libreria di animazioni JavaScript alle animazioni CSS basate sullo scorrimento o creano mostri div nidificati complessi anziché utilizzare appearance: base-select per i menu a discesa personalizzabili.

Modern Web Guidance risolve questo problema inserendo guide concise e specifiche per l'attività in base al tuo prompt. Ecco cosa offre la versione 1.0:

• Altre guide verificate da esperti: coprono prestazioni, stile, accessibilità, sicurezza, privacy, moduli e altro ancora. Ogni competenza è stata esaminata da un esperto di dominio tecnico e testata. Le skill sono consultabili nel catalogo delle guide.
• Cross-browser per impostazione predefinita: collaborazione dei team che creano Mozilla Firefox, Microsoft Edge e Google Chrome. Ogni guida è arricchita con dati di compatibilità di Baseline e fallback.
• Suite di valutazione pubblica: migliaia di esecuzioni di valutazione, ispezionabili nella dashboard di valutazione pubblica, che evidenziano i miglioramenti nelle percentuali di superamento.

Leggi il post di annuncio di Modern Web Guidance 1.0 per esempi concreti delle lacune di conoscenza dell'AI che risolve, workflow end-to-end con Chrome DevTools per agenti e istruzioni per l'aggiornamento dall'anteprima di I/O.

Non ti chiediamo di crederci solo sulla parola

In qualità di co-creatori di Modern Web Guidance, ovviamente siamo un po' di parte. Scopri cosa ne pensano i nostri partner dopo aver testato la suite completa di strumenti di programmazione AI di Chrome nei loro workflow quotidiani:

• Policybazaar e Pensionbazaar: hanno ridotto i tempi di risposta delle nuove pagine e i bug dell'interfaccia utente di oltre il 90% chiudendo il ciclo di creazione e verifica, mentre Policybazaar ha ridotto del 92% l'impegno di controllo manuale di Core Web Vitals su circa 30 pagine di destinazione.
• MetaMask: ha integrato Modern Web Guidance in un bot di revisione delle PR di consulenza di tre righe in circa 480 richieste di pull, generando 43 correzioni di accessibilità e HTML semantico con un tempo di risposta medio di 15 minuti.
• WeTV: ha aggiunto Chrome DevTools per agenti e Modern Web Guidance alla CI/CD per diagnosticare e correggere automaticamente il 90% delle regressioni CLS ricorrenti, riducendo il tempo di debug dell'87%.
• note inc.: Ha combinato Modern Web Guidance con le regole per il suo sistema di progettazione interno, aumentando le percentuali di superamento dei controlli web moderni dal 61% al 94% e migliorando la corretta definizione della priorità delle immagini LCP del 28%.

Inizia

Anche se potresti avere fortuna se chiedi all'agente di installare Modern Web Guidance, puoi utilizzare con sicurezza il seguente comando npx per configurare il progetto e l'agente in un flusso passo passo.

npx modern-web-guidance@latest install

Puoi anche esplorare opzioni di installazione alternative su GitHub.

Una volta completata la configurazione, puoi approfondire i nuovi casi d'uso e il funzionamento di Modern Web Guidance 1.0:

• Modernizzazione delle codebase esistenti: scopri come npx modern-web-guidance@latest legacy-scan combina controlli rapidi della sintassi locale con la revisione contestuale degli agenti per ridurre il debito tecnico senza un churn rumoroso.
• Oltre la generazione di codice: apprendimento continuo per gli sviluppatori: scopri come utilizzare Modern Web Guidance come strumento di apprendimento e scoperta interattivo per rimanere al passo con le funzionalità moderne di HTML, CSS e API web durante la programmazione con gli agenti AI.
• Cross-browser per impostazione predefinita: come funzionano i fallback di Baseline: come le guide utilizzano i dati delle funzionalità web in tempo reale per abbinare il potenziamento progressivo, le query @supports e i polyfill ai browser di destinazione.
• Le 10 cose principali che l'AI sbaglia nello sviluppo web: scopri 10 lacune comuni in termini di accessibilità, UX, prestazioni e sicurezza in cui anche i modelli pionieristici più recenti non superano circa la metà dei nostri controlli web moderni.
• Vector Search locale per gli agenti di programmazione: da 507 MB a un loop di 7 righe: scopri come Modern Web Guidance recupera le guide pertinenti dalla sua knowledge base di oltre 200 guide in millisecondi senza riempire la finestra contestuale dell'agente.

Il futuro dello sviluppo web basato su agenti con Chrome

Utilizzando Modern Web Guidance con il tuo agente di programmazione, sei sulla buona strada. Ma puoi (e dovresti) andare oltre. L'agente ha bisogno di un modo per eseguire, ispezionare e verificare il codice in un browser reale.

Per più di un anno, Chrome DevTools per agenti ha fornito agli agenti di programmazione visibilità in tempo reale sul runtime con un'ampia gamma di strumenti, dall'ispezione dell'accessibilità e delle prestazioni al debug della memoria e alla registrazione delle animazioni, in modo che l'agente possa perfezionarli.

Nelle prossime settimane, celebreremo il prossimo traguardo di Chrome DevTools per agenti. Sarà ancora più facile passare il contesto giusto da Chrome al tuo agente.

Prova Modern Web Guidance 1.0 e facci sapere cosa ne pensi. Sia Modern Web Guidance sia Chrome DevTools per agenti sono sviluppati in modo aperto su GitHub. Se noti un'attività della piattaforma web che il tuo agente continua a sbagliare o se hai un'idea per il prossimo problema da affrontare, apri un problema e faccelo sapere.