Compila funciones nuevas con la IA integrada en Chrome

Thomas Steiner

Fecha de publicación: 26 de mayo de 2026

Esta publicación es un resumen de la charla que Thomas Steiner dio en Google I/O 2026.

Imagina crear un blog de viajes en el que el editor de entradas no solo almacene el texto, sino que también te ayude de forma activa a escribir. Conoce a Maya y Ashok, los creadores de trAIlblazers. Usan la IA integrada en Chrome. Cuando ejecutan modelos directamente en el dispositivo del usuario, los desarrolladores evitan los costos y la latencia elevados de la nube, a la vez que mantienen los datos sensibles de forma local.

Colaboramos con Build Awesome (antes conocido como Eleventy) para lanzar una plantilla de blog con todas las funciones basadas en IA que se mencionan en la charla.

¿Por qué usar la IA integrada?

  • Rentable: No hay costos de inferencia en la nube, ya que todos los cálculos se realizan en los dispositivos compatibles de los usuarios.
  • Privacidad primero: Los datos sensibles nunca salen del navegador.
  • Funcionalidad sin conexión: Una vez que se descarga el modelo, las funciones basadas en IA funcionan sin conexión a Internet.
  • Rendimiento: La aceleración por hardware permite que los modelos integrados en el dispositivo compitan (y, a veces, superen) las velocidades de la nube.
  • Inferencia híbrida: Con polyfills y herramientas como Firebase AI Logic, puedes recurrir a la nube en dispositivos no compatibles (como dispositivos móviles) y, al mismo tiempo, mantener la experiencia nativa en computadoras de escritorio.

Funciones basadas en IA para aplicaciones web modernas

La API de Summarizer

El editor de trAIlblazers usa la API de Summarizer para generar títulos y metadescripciones aptas para SEO de forma automática.

Ejemplo: Genera un 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);
}

La API de Prompt (con resultados estructurados)

¿Necesitas datos específicos? Si usas JSON Schema con la API de Prompt, puedes hacer que la IA devuelva formatos predecibles. El equipo de trAIlblazers usa esta herramienta para lo siguiente:

  • Generación de etiquetas: Sugiere categorías como "Aventura" o "Playa" a partir de una lista predefinida.
  • Moderación de comentarios: Clasifica los comentarios como “Seguros” o “Perjudiciales” antes de que se publiquen.

Accesibilidad de contenido multimedia

El editor automatiza las "partes difíciles" de Markdown. Cuando sueltas una imagen, la API de Prompt (con entrada multimodal) analiza los píxeles para generar texto alternativo accesible y subtítulos informativos.

Escritura y reescritura

Con las APIs de Writer y Rewriter, los usuarios pueden expandir viñetas en párrafos completos y cambiar el tono de un párrafo para que sea "más informal" o "más corto" con un solo clic.

Traducción fluida

La API de Translator permite que los creadores redacten contenido en inglés y lo traduzcan al instante para los lectores en español o japonés, que luego pueden perfeccionar los hablantes nativos.

Ejemplo del funcionamiento de la API de Translator.
Redacta contenido con la API de Translator en inglés y tradúcelo al instante al español y al japonés.

Historias de éxito reales

Muchos socios ya lanzaron estas APIs en producción. Estos son algunos ejemplos destacados:

  • Drupal: Usa la API de Summarizer para generar etiquetas de SEO en CKEditor.
  • Centro de ayuda de Yahoo! Japón: Usa la API de Prompt para moderar los comentarios de la comunidad.
  • Trip.com: Ayuda a los compradores a navegar por las complejas opciones de reserva de vuelos con resúmenes generados por IA.

Recursos de la charla

¿Todo listo para crear tu propia experiencia de "trAIlblazers"? Consulta los siguientes recursos: