Criar novos recursos usando a IA integrada no Chrome

Thomas Steiner

Publicado em: 26 de maio de 2026

Esta postagem é um resumo da palestra apresentada por Thomas Steiner na Google I/O 2026.

Imagine criar um blog de viagens em que o editor de postagens de blog não apenas armazena o texto, mas também ajuda você a escrever. Conheça Maya e Ashok, os criadores do trAIlblazers. Eles usam a IA integrada no Chrome. Ao executar modelos diretamente no dispositivo do usuário, os desenvolvedores evitam custos e latência na nuvem, mantendo os dados sensíveis locais.

Colaboramos com o Build Awesome (antigamente conhecido como Eleventy) para lançar um modelo de blog com todos os recursos de IA listados na palestra.

Por que usar a IA integrada?

  • Econômico:sem custo de inferência na nuvem, toda a computação acontece nos dispositivos compatíveis dos usuários.
  • Privacidade em primeiro lugar:os dados sensíveis nunca saem do navegador.
  • Funcionalidade off-line:depois que o modelo é baixado, os recursos de IA funcionam sem uma conexão de Internet.
  • Desempenho: a aceleração de hardware permite que os modelos no dispositivo rivalizem (e às vezes superem) as velocidades da nuvem.
  • Inferência híbrida: usando polyfills e ferramentas como o Firebase AI Logic, é possível fazer o fallback para a nuvem em dispositivos não compatíveis (como dispositivos móveis), mantendo a experiência nativa no computador.

Recursos de IA para apps da Web modernos

API Summarizer

O editor do trAIlblazers usa a API Summarizer para gerar títulos e metadescrições otimizadas para SEO automaticamente.

Exemplo: gerar um título

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);
}

API Prompt (com saída estruturada)

Precisa de dados específicos? Ao usar esquema JSON com a API Prompt, é possível fazer com que a IA retorne formatos previsíveis. A equipe do trAIlblazers usa isso para o seguinte:

  • Geração de tags:sugere categorias como "Aventura" ou "Praia" de uma lista predefinida.
  • Moderação de comentários:classifica os comentários como "Seguro" ou "Prejudicial" antes de serem publicados.

Acessibilidade de mídia

O editor automatiza as "partes difíceis" do Markdown. Quando você solta uma imagem, a API Prompt (com entrada multimodal) analisa os pixels para gerar texto alternativo acessível e legendas informativas.

Escrever e reescrever

Com as APIs Writer e Rewriter , os usuários podem expandir marcadores em parágrafos completos e mudar o tom de um parágrafo para "mais casual" ou "mais curto" com um único clique.

Tradução perfeita

A API Translator permite que os criadores de conteúdo redijam conteúdo em inglês e o traduzam instantaneamente para leitores de espanhol ou japonês, que podem ser refinados por falantes nativos.

Exemplo de funcionamento da API Translator.
Redija conteúdo com a API Translator em inglês e traduza instantaneamente para espanhol e japonês.

Histórias de sucesso reais

Muitos parceiros já estão enviando essas APIs em produção. Confira alguns exemplos:

  • Drupal:usa a API Summarizer para geração de tags de SEO no CKEditor.
  • Yahoo! Japão:usa a API Prompt para moderação de comentários da comunidade.
  • Trip.com::ajuda os compradores a navegar pelas opções complexas de reserva de voos com resumos de IA.

Recursos da palestra

Tudo pronto para criar sua própria experiência "trAIlblazers"? Confira estes recursos (em inglês):