DEV Community

Cover image for Cómo Utilizar el API Experimental de AI en Chrome
Mariano Álvarez 🇨🇷
Mariano Álvarez 🇨🇷

Posted on • Edited on

Cómo Utilizar el API Experimental de AI en Chrome

Historial de cambios:

  • 25/10/24 Edición: se actualizo el API, cambio de ai.assistant a ai.languageModel

Para utilizar el API experimental de AI en Chrome, sigue estos pasos:

Requerimientos de Hardware

  • 4GB de RAM
  • GPU disponible
  • Mínimo 22GB de espacio
  • Windows 10.11 o macOS Ventura o versiones más recientes (sin especificación para Linux)

No hay soporte aún para:

  • ChromeOS
  • Chrome iOS
  • Chrome Android

Requerimientos de Software

  • Instalar Chrome Canary
  • Activar la AI y los modelos modificando los siguientes flags:
  1. Ve a chrome://flags/#optimization-guide-on-device-model y selecciona "Enabled BypassPerfRequirement"
  2. Ve a chrome://flags/#prompt-api-for-gemini-nano y selecciona "Enable"
  3. Reinicia Chrome
  4. Verifica la instalación ejecutando este comando en la consola: (await ai.languageModel.capabilities()).available. Debe devolver "readily".

Si falla, prueba lo siguiente:

  1. Ejecuta await ai.languageModel.create() para intentar forzar a Chrome a activar el API (aunque podría no funcionar).
  2. Ve a chrome://components y revisa si el componente "Optimization Guide On Device Model" tiene una versión igual o mayor a 2024.5.21.1031. Si no tiene versión, haz clic en "check for updates" e intenta nuevamente.

Nota: A veces, la instalación del modelo puede tardar. Ten paciencia y repite el proceso si es necesario.

Activación de Modelos

Para activar los modelos, habilita los siguientes flags en Chrome:

  • chrome://flags/#prompt-api-for-gemini-nano
  • chrome://flags/#summarization-api-for-gemini-nano
  • chrome://flags/#rewriter-api-for-gemini-nano
  • chrome://flags/#writer-api-for-gemini-nano
  • chrome://flags/#language-detection-api

Las funciones disponibles

Prompt API

Este es el modelo más sencillo, utilizado para tareas generales. Al enviarle un prompt, intenta devolver una respuesta. Aquí un ejemplo básico:

const session = await ai.languageModel.create();
const result = await session.prompt("Explain what JavaScript is");
Enter fullscreen mode Exit fullscreen mode

También puedes utilizar systemPrompt para pasarle instrucciones adicionales:

const session = await ai.languageModel.create({
  systemPrompt: "You are an expert in JavaScript, providing helpful code best practices."
});
Enter fullscreen mode Exit fullscreen mode

Language Detection

Esta API detecta el idioma de un texto, soportando más de 100 lenguajes y variantes.

Ejemplo:

const detector = await translation.createDetector();
const results = await detector.detect("Bonjour le monde");
for (const result of results) {
  console.log(result.detectedLanguage, result.confidence);
}
Enter fullscreen mode Exit fullscreen mode

Writer y Rewriter

Writer API: Crea contenido nuevo.
Ejemplo: escribir un borrador de una solicitud al banco.

const writer = await ai.writer.create();
const result = await writer.write("Write a email asking for feedback");
Enter fullscreen mode Exit fullscreen mode

Rewriter API: Mejora o reestructura un texto ya existente.

const rewriter = await ai.rewriter.create();
const result = await rewriter.rewrite("La inteligencia artificial es...", { context: "Use simple words." });
Enter fullscreen mode Exit fullscreen mode

Todos estos APIs están en fase experimental, por lo que es normal encontrar errores o inconsistencias. Todo feedback es bienvenido. Si te interesa estar al tanto de los cambios, puedes llenar este formulario para acceder a la documentación y recibir actualizaciones.

Top comments (0)