# Crea una extensión de Chrome con IA sin saber programar

> Pídele a ChatGPT o Claude tu propia extensión de Chrome, instálala en modo desarrollador y aprende qué permisos no debes aceptar nunca a ciegas.

- Tipo: Guía
- Categoría: Programación
- Autor: Álvaro Checa
- Publicado: 27 de octubre de 2026
- Actualizado: 27 de octubre de 2026
- Página original: https://recursos.hubmedia.io/guias/extension-de-chrome-con-ia-sin-programar
- Publicado por: Recursos Hub Media (https://recursos.hubmedia.io/)

## Qué es una extensión (y qué puedes hacer con una)

Una **extensión** es un pequeño programa que se añade a Chrome. Suele aparecer como un icono junto a la barra de direcciones y cambia o mejora las páginas que visitas.

Ideas que una IA te puede hacer en una tarde:

- Un botón que **copia el título y el enlace** de la página para pegarlo en tus notas.
- Un **modo concentración** que oculta los vídeos recomendados de YouTube.
- Un **contador de palabras** del texto que seleccionas.
- Un recordatorio para **levantarte cada hora**.

Necesitas **Chrome en un ordenador** (Windows, Mac o Chromebook). En el móvil no se pueden instalar así.

## Las 4 palabras que vas a leer

*Sin ellas te perderás en las respuestas de la IA*

- **Carpeta de la extensión:** una carpeta normal de tu ordenador con unos pocos archivos dentro. Eso es la extensión entera.
- **manifest.json:** el «carné de identidad» de la extensión. Dice cómo se llama, qué hace y qué **permisos** pide. Tiene que llamarse exactamente así.
- **JavaScript (archivos .js):** el lenguaje de programación que entienden los navegadores. Es donde está lo que hace la extensión.
- **HTML y CSS (archivos .html y .css):** la ventanita que se abre al pulsar el icono y su aspecto (colores, letra).

También verás **Manifest V3**: es la versión actual de las normas de Chrome para extensiones. Pídela siempre, porque las antiguas ya no se aceptan.

## El prompt estrella

*Pégalo en ChatGPT, Claude o Gemini*

### Prompt: Créame una extensión de Chrome

Versión para ChatGPT, Claude y Gemini (Probado en ChatGPT, Claude y Gemini):

```text
Quiero crear una extensión de Chrome y no sé programar. Lo que debe hacer: [describe tu idea: al pulsar el icono, copia el título y el enlace de la página en el formato «Título – enlace»]. Requisitos: 1) Manifest V3. 2) Los permisos mínimos imprescindibles; para cada permiso, explícame en una frase por qué hace falta. 3) Nada de código descargado de internet ni envío de datos a ningún servidor. 4) Código sencillo y con comentarios en español. 5) Dame los archivos en un .zip para descargar; si no puedes, dame cada archivo por separado con su nombre exacto. 6) Explícame paso a paso, para alguien que nunca ha programado, cómo instalarla en Chrome en modo desarrollador y cómo probar que funciona.
```

Las partes entre [corchetes] son variables: cámbialas por lo que quieras. Describe tu idea con el máximo detalle: qué ves, qué pulsas y qué pasa. Cuanto más concreta, menos fallos.

## Instálala en Chrome paso a paso

*Esto se llama «cargar una extensión en modo desarrollador»*

1. **1. Prepara la carpeta**: Si la IA te ha dado un .zip, descárgalo y descomprímelo (clic derecho > Extraer todo, o doble clic en Mac). Si te ha dado los archivos sueltos, crea una carpeta y guarda dentro cada uno con su nombre exacto. Ojo: el Bloc de notas a veces añade «.txt» al final; elige «Todos los archivos» al guardar.
2. **2. Abre la página de extensiones**: Escribe chrome://extensions en la barra de direcciones de Chrome y pulsa Intro.
3. **3. Activa el modo desarrollador**: Arriba a la derecha hay un interruptor llamado «Modo de desarrollador». Actívalo. Solo sirve para poder instalar extensiones tuyas que no están en la tienda.
4. **4. Pulsa «Cargar descomprimida»**: Aparece arriba a la izquierda. Elige la carpeta de tu extensión (la que tiene dentro el archivo manifest.json, no una carpeta por encima).
5. **5. Fíjala junto a la barra**: Pulsa el icono de la pieza de puzle, arriba a la derecha, y luego la chincheta junto a tu extensión. Así tendrás su botón siempre a mano.
6. **6. Pruébala**: Abre una página cualquiera y usa la extensión. Si algo no funciona, sigue con el paso 7.
7. **7. Si falla, copia el error a la IA**: En chrome://extensions, tu extensión mostrará un botón rojo de «Errores». Ábrelo, copia el texto y pégalo en el mismo chat: «Me sale este error, arréglalo y dame el archivo completo corregido».
8. **8. Cada cambio, recarga**: Cuando sustituyas un archivo por la versión corregida, pulsa la flecha circular de recargar en la tarjeta de tu extensión. Si no, Chrome sigue usando la versión vieja.

## Otra forma: que Claude Code lo haga todo

*Sin copiar ni pegar archivos*

Si ya usas Claude Code, no tienes que crear la carpeta tú: le pides la extensión y él crea los archivos directamente en tu ordenador, los revisa y corrige los errores que le pegues. Tú solo haces los pasos 2 a 5 para cargarla.

Si no lo tienes, aquí explicamos [qué es Claude Code y cómo instalarlo](https://recursos.hubmedia.io/guias/que-es-claude-code-como-instalarlo), y tienes [prompts útiles para Claude Code](https://recursos.hubmedia.io/prompts/prompts-para-claude-code). Para comparar opciones, mira [la mejor IA para programar sin ser programador](https://recursos.hubmedia.io/guias/mejor-ia-para-programar-sin-ser-programador).

Con el chat normal también funciona muy bien: [ChatGPT](https://recursos.hubmedia.io/herramientas/chatgpt), [Claude](https://recursos.hubmedia.io/herramientas/claude) o [Gemini](https://recursos.hubmedia.io/herramientas/gemini).

## ¿Qué permisos son peligrosos?

*Lo que te avisa Chrome al instalar y lo que significa*

| Si Chrome dice… | Significa | ¿Me preocupo? |
| --- | --- | --- |
| Sin aviso (permiso «activeTab») | Solo puede tocar la pestaña actual cuando tú pulsas su botón | No. Es el más seguro |
| Sin aviso (permiso «storage») | Guarda sus propios ajustes en tu navegador | No |
| «Leer y cambiar tus datos en [una web concreta]» | Puede ver y modificar esa web | Poco, si la extensión es para esa web |
| «Leer y cambiar todos tus datos en todos los sitios web» | Puede ver todo lo que escribes y ves en cualquier web, también tu banco y tu correo | Sí. Pregunta a la IA si de verdad hace falta |
| «Leer tu historial de navegación» | Ve todas las páginas que visitas | Sí, salvo que sea justo para eso |
| Permisos de cookies, descargas o portapapeles | Puede leer tus sesiones abiertas, bajar archivos o leer lo que copias | Sí. Solo si entiendes para qué |

## Antes de instalar: aviso de seguridad

*Una extensión puede ver mucho de lo que haces en el navegador*

- **No instales código que no entiendas si pide permisos amplios** Si una extensión pide acceso a todos los sitios web o a tu historial y no sabes explicar por qué, no la instales. Pide a la IA que la rehaga con permisos mínimos.
- **Nunca instales extensiones que te pasen por mensaje o en un foro** Es una forma habitual de robar contraseñas y sesiones. Instala solo las que has pedido tú a la IA o las de la tienda oficial de Chrome.
- **Que no envíe datos fuera** Si en el código aparecen direcciones web (https://…) que no esperabas, pregunta a la IA qué son. Tu extensión no tiene por qué mandar nada a ningún sitio.
- **Nada de claves dentro del código** Si tu extensión usa una IA con clave de API (una contraseña para usar el servicio), no la compartas con nadie ni subas esos archivos a internet.
- **Desinstálala cuando no la uses** En chrome://extensions, pulsa «Quitar». Menos extensiones, menos riesgos y un navegador más rápido.

## Revisa tu extensión antes de usarla

### Prompt: Revisión de seguridad

Versión para ChatGPT, Claude y Gemini (Probado en ChatGPT, Claude y Gemini):

```text
No sé programar. Te pego los archivos de una extensión de Chrome que [he creado con IA / me han pasado]. Revísala como un experto en seguridad y explícamelo sin tecnicismos: 1) qué hace exactamente, 2) qué permisos pide y si alguno sobra, 3) si envía datos a algún servidor o descarga código de internet, 4) si puede leer contraseñas, formularios o cookies, y 5) tu veredicto: instalar, corregir antes o no instalar. Archivos: [pega aquí el manifest.json y el resto de archivos]
```

Las partes entre [corchetes] son variables: cámbialas por lo que quieras. Úsalo en un chat nuevo, pegando todos los archivos. Una segunda opinión detecta lo que la primera pasó por alto.

## Preguntas frecuentes

### ¿Puedo publicarla en la tienda de Chrome?

Sí. Necesitas una cuenta de desarrollador de Chrome Web Store, que tiene un pago único pequeño (unos 5 dólares), y pasar la revisión de Google. Para uso personal no hace falta: con el modo desarrollador basta.

### ¿Funciona en Edge, Brave u Opera?

Casi siempre sí, porque usan la misma base que Chrome. En Edge, la página es edge://extensions y el interruptor se llama también «Modo de desarrollador».

### ¿Tengo que dejar activado el modo desarrollador?

Mientras uses tu extensión, sí. Si la quitas, puedes desactivarlo. No hace tu navegador inseguro por sí solo: el riesgo está en lo que instales.

## Fuentes

- [Chrome for Developers](https://developer.chrome.com/docs/extensions/get-started/tutorial/hello-world): Hello World: tu primera extensión (documentación oficial)
- [Chrome for Developers](https://developer.chrome.com/docs/webstore/register): Registrarse como desarrollador en Chrome Web Store