Creare nuove funzionalità utilizzando l'AI integrata in Chrome

Thomas Steiner

Pubblicato: 26 maggio 2026

Questo post è un riepilogo del discorso tenuto da Thomas Steiner alla conferenza Google I/O 2026.

Immagina di creare un blog di viaggi in cui l'editor dei post non si limiti a memorizzare il testo, ma ti supporti attivamente durante la scrittura. Ti presentiamo Maya e Ashok, i creator di trAIlblazers. Utilizzano l'AI integrata in Chrome. Eseguendo i modelli direttamente sul dispositivo dell'utente, gli sviluppatori evitano costosi costi e latenza del cloud, mantenendo al contempo i dati sensibili locali.

Abbiamo collaborato con Build Awesome (precedentemente noto come Eleventy) per rilasciare un modello di blog con tutte le funzionalità di AI elencate nel talk.

Perché l'AI integrata?

  • Economico: nessun costo di inferenza cloud, tutti i calcoli vengono eseguiti sui dispositivi supportati dagli utenti.
  • Priorità alla privacy: i dati sensibili non vengono mai trasferiti dal browser.
  • Funzionalità offline: una volta scaricato il modello, le funzionalità di AI funzionano senza connessione a internet.
  • Prestazioni:l'accelerazione hardware consente ai modelli sul dispositivo di competere (e a volte superare) le velocità del cloud.
  • Inferenza ibrida:utilizzando polyfill e strumenti come Firebase AI Logic, puoi eseguire il fallback al cloud su dispositivi non supportati (come i dispositivi mobili) rimanendo nativo sul computer.

Funzionalità di AI per le app web moderne

API Summarizer

L'editor di trAIlblazers utilizza l'API Summarizer per generare automaticamente titoli e metadescrizioni ottimizzate per la SEO.

Esempio: genera un titolo

const blogPost = document.querySelector('.article-body').innerText;
const summarizer = await Summarizer.create({
  type: 'headline',
  sharedContext: 'Write headlines that make people want to read the blog post',
});

for await (const chunk of summarizer.summarizeStreaming(blogPost)) {
  headline.append(chunk);
}

L'API Prompt (con output strutturato)

Ti servono dati specifici? Utilizzando lo schema JSON con l'API Prompt, puoi fare in modo che l'AI restituisca formati prevedibili. Il team di trAIlblazers lo utilizza per:

  • Generazione di tag:suggerisce categorie come "Avventura" o "Spiaggia" da un elenco predefinito.
  • Moderazione dei commenti: classifica i commenti come "Sicuri" o "Dannosi" prima che vengano pubblicati.

Accessibilità dei contenuti multimediali

L'editor automatizza le "parti difficili" di Markdown. Quando rilasci un'immagine, l'API Prompt (con input multimodale) analizza i pixel per generare testo alternativo accessibile e didascalie informative.

Scrittura e riscrittura

Con le API Writer e Rewriter, gli utenti possono espandere gli elenchi puntati in paragrafi completi e modificare il tono di un paragrafo in modo che sia "più informale" o "più breve" con un solo clic.

Traduzione senza interruzioni

L'API Translator consente ai creator di creare contenuti in inglese e tradurli istantaneamente per i lettori di lingua spagnola o giapponese, che possono poi essere perfezionati dai madrelingua.

Esempio di funzionamento dell'API Translator.
Crea contenuti di bozza con l'API Translator in inglese e traducili istantaneamente in spagnolo e giapponese.

Storie di successo nel mondo reale

Molti partner stanno già implementando queste API in produzione. Alcuni esempi sono:

  • Drupal: utilizza l'API Summarizer per la generazione di tag SEO in CKEditor.
  • Centro assistenza Yahoo! Giappone: utilizza l'API Prompt per la moderazione dei commenti della community.
  • Trip.com: aiuta gli acquirenti a orientarsi tra le complesse opzioni di prenotazione dei voli con riepiloghi basati sull'AI.

Risorse del talk

Vuoi creare la tua esperienza "trAIlblazers"? Consulta queste risorse: