DEV Community

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

Posted on • Edited on

4

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.

SurveyJS custom survey software

Simplify data collection in your JS app with a fully integrated form management platform. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more. Integrates with any backend system, giving you full control over your data and no user limits.

Learn more

Top comments (0)

The Most Contextual AI Development Assistant

Pieces.app image

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

👥 Ideal for solo developers, teams, and cross-company projects

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay