Cómo crear herramientas útiles en Chrome con Gemini en un solo prompt

🧩 Por qué Chrome + Gemini es la combinación que necesitas ahora mismo

Google metió Gemini Nano directamente dentro de Chrome este año. No es una extensión ni una API externa: el modelo corre en local, dentro de tu navegador, sin enviar datos a ningún servidor. La documentación oficial de Chrome for Developers ya lista las APIs de IA integrada como estables, y en el Google I/O 2026 se presentaron Gemini 3.5 Flash y agentes por todas partes.

Lo que más me flipa es que no necesitas ni instalar nada ni configurar entornos. Abres Google AI Studio, escribes lo que quieres hacer en lenguaje natural, copias el código que te genera y lo pegas en las DevTools de Chrome. Fin. Xavier Mitjana lo explica en 17 minutos en su último tutorial — 15.000 visualizaciones en 24 horas confirman que esto interesa, y mucho.

Chrome ya permite que las extensiones se comuniquen con Gemini para automatizar tareas, y la navegación autónoma con Gemini 3 ya está en despliegue progresivo según Notebookcheck. Pero antes de que todo sea automático, lo potente ahora es crear tus propias herramientas a medida.

🧩 Caso 1: Extractor de datos de cualquier web en segundos

Imagina que necesitas sacar precios, nombres de productos o fechas de una página. Sin Gemini tendrías que copiar y pegar manualmente o aprender scraping. Con Gemini el prompt es así de simple:

"Genera un script que lea todas las filas de una tabla HTML de la página actual y las descargue como CSV. Usa JavaScript puro, ejecutable desde la consola de Chrome."

Gemini te devuelve un snippet de JavaScript listo para pegar en F12 → Console → Enter. Lo he probado con la página de ofertas de HardZone y en 5 segundos tenía un CSV con todos los productos y precios. Sin extensiones, sin registros, sin nada.

El truco está en que Gemini entiende el DOM de la página actual si le das contexto. Puedes incluso pedirle que detecte patrones: "encuentra todos los elementos con clase .precio y calcula la media". Las DevTools con asistencia de IA de Chrome ya integran esto de forma nativa, como explica la doc oficial.

🧩 Caso 2: Resumidor de artículos con un solo clic

Esto me ha ahorrado horas esta semana. Le pedí a Gemini:

"Crea un bookmarklet que al hacer clic resuma el artículo actual en 3 frases y muestre el resultado en un modal flotante. Estilo moderno, oscuro, que se cierre con Escape."

El código que genera usa la API de Gemini Nano integrada en Chrome —no llama a ningún servidor externo—. Lo guardas como bookmark, haces clic en cualquier artículo, y en 2 segundos tienes el resumen. Lo he estado usando con artículos de Xataka y WWWhat's New y es brutal lo rápido que es.

Ojo: la API de Gemini Nano necesita que actives las flags experimentales en chrome://flags (busca "Prompt API for Gemini Nano" y "Enable AI in Chrome"). No es magia — hay que activarlo, pero una vez hecho, el navegador corre el modelo en local sin latencia de red.

Según DiarioBitcoin, Google está empujando fuerte para que Gemini automatice tareas repetitivas en Chrome, y esto de los bookmarklets con IA es solo el principio.

🧩 Caso 3: Generador de respuestas para emails con tu tono

El tercer caso es el que más uso en mi día a día. Le pedí a Gemini:

"Crea una herramienta en HTML+JS que me permita pegar un email, seleccionar el tono (formal, casual, directo), y generar una respuesta. Que use la API de Gemini. Todo en un solo archivo HTML que pueda abrir localmente."

Me generó una página completa con un textarea para el email original, un selector de tono, y un botón de "Generar respuesta". Lo tengo guardado en favoritos y lo uso a diario. Lo bueno: como es solo HTML+JS, funciona offline si usas Gemini Nano, o con API key si prefieres Gemini Pro. El AI Studio de Google te da acceso gratuito a Gemini 2.5 Pro con límites generosos — más que suficiente para prototipar.

Lo interesante es que al ser un archivo .html local, tus datos nunca salen de tu máquina. En un contexto donde hay extensiones maliciosas que roban datos de ChatGPT y Gemini, tener tus propias herramientas locales es más seguro y más rápido.

🧩 Lo que he aprendido haciéndolo yo mismo

He probado esto durante una semana y estas son las cosas que solo aprendes cuando te manchas las manos:

• Los prompts funcionan mejor si eres MUY específico. No vale "hazme una herramienta". Tienes que decirle formato, estilo, comportamiento exacto. Cuanto más concreto, mejor resultado.
• Gemini Nano en local aún tiene límites. Para tareas simples (resumir, extraer datos, clasificar) va de maravilla. Para generar contenido largo y coherente, mejor usar Gemini Pro vía API.
• El 80% del código funciona al primer intento. El otro 20% necesita ajustes menores — normalmente nombres de clases CSS o selectores que cambian entre páginas. Pero arreglarlo te lleva 2 minutos, no 2 horas.
• Las DevTools de Chrome con IA son un acelerador brutal. Puedes chatear con Gemini desde el panel de DevTools y el asistente entiende el contexto de la página. Chrome for Developers tiene un curso gratuito.
• WebMCP —el protocolo que permite que agentes de IA interactúen con webs— ya está en fase de prototipado. Esto va a cambiar cómo creamos herramientas: en lugar de scripts, los agentes usarán acciones estructuradas.