OpenDia

Un servidor de código abierto que expone funciones del navegador a través de MCP, permitiendo que los modelos de IA interactúen con las capacidades del navegador.

GitHub
1.9k
Prueba este MCPPatrocinado

Documentación

OpenDia — connect your browser to AI models. The open alternative to Dia / Perplexity Comet: 18 browser tools over MCP, works on any Chromium browser and Firefox, private and local-first.

Danos una estrella ❤️ → Star OpenDia on GitHub opendia on npm @aeonframework on X $aeon on Bankr

La alternativa abierta a Dia / Perplexity Comet.
Conecta tu navegador a modelos de IA — sin necesidad de cambiar de navegador.
Funciona perfectamente con Chrome, Firefox y cualquier navegador Chromium. Privado, local-first y enfocado en MCP.

stars forks npm license

OpenDia Demo

¿Nuevo en MCPs, o no eres técnico? Recomendamos Perplexity Comet.

🚀 ¿Qué es OpenDia?

OpenDia permite que los modelos de IA controlen tu navegador automáticamente. La ventaja clave: aprovecha todo lo que ya tienes —tus cuentas con sesión iniciada, contraseñas guardadas, cookies, billeteras e historial de navegación. No necesitas empezar desde cero ni cambiar de contexto.

🔑 Usa tu vida digital existente:

  • ✅ Cuentas con sesión iniciada: Publica en Twitter/X, LinkedIn, Facebook con tus sesiones existentes
  • ✅ Datos del navegador: Accede a tus marcadores, historial y contraseñas guardadas
  • ✅ Extensiones y billeteras: Usa MetaMask, gestores de contraseñas o cualquier extensión instalada
  • ✅ Cookies y sesiones: Mantente autenticado en todos tus sitios favoritos
  • ✅ Pruebas locales: Perfecto para desarrollo con Cursor — prueba con sesiones de usuario reales

✨ Beneficios clave:

  • 🔄 Soporte universal de IA: Funciona con Claude, ChatGPT, Cursor, Grok Build e incluso modelos locales
  • 🎯 Anti-detección: Bypasses especializados para Twitter/X, LinkedIn, Facebook
  • 📱 Automatización inteligente: La IA entiende tus páginas y encuentra los elementos correctos
  • 🛡️ Privacidad primero: Todo se ejecuta localmente, tus datos permanecen contigo
  • ⚡ Cero configuración: Comienza con un solo comando

🌐 Soporte de navegadores

Funciona con Chrome, Firefox y cualquier navegador basado en Chromium:

  • ✅ Google Chrome
  • ✅ Arc
  • ✅ Mozilla Firefox
  • ✅ Microsoft Edge
  • ✅ Brave
  • ✅ Opera
  • ✅ Cualquier navegador basado en Chromium

¡También perfecto para usuarios de Cursor que quieran automatizar sus flujos de trabajo de pruebas y desarrollo local!

🔌 Clientes de IA compatibles

OpenDia expone un servidor MCP estándar, por lo que funciona con cualquier cliente que hable el protocolo.

Probado:

  • Claude Desktop — pega la configuración a continuación, reinicia.
  • Claude Code — misma configuración MCP, se ejecuta desde cualquier terminal.
  • Cursor — agrégalo vía Configuración → MCP, o pega el mismo JSON.
  • Grok Build — instala el plugin de OpenDia o agrega el bloque MCP a ~/.grok/config.toml (ver Grok Build a continuación).
  • ChatGPT — funciona con el modo Auto-Tunnel (npx opendia --tunnel), luego agrega la URL de ngrok como conector.

Debería funcionar (cualquier cliente compatible con MCP): Windsurf, Zed, Continue, Cline, Goose, Open WebUI.

¿Lo conectaste con algo más? Abre un PR — la lista crece a medida que MCP crece.

🎬 Lo que puedes hacer

Flujos de trabajo reales que puedes probar hoy:

  • "Resume todos los artículos que leí hoy y publica un hilo en Twitter con las ideas clave"
  • "Encuentra artículos interesantes relacionados con IA en mis marcadores y crea una lista de lectura"
  • "Lee este artículo y publica un comentario reflexivo en la versión de LinkedIn"
  • "Revisa mis marcadores recientes de Twitter y resume los temas principales"

📧 Productividad e investigación

  • "Revisa mis últimos correos y dime qué necesita atención urgente"
  • "Encuentra todos los repositorios de GitHub que visité esta semana y crea un informe resumido"
  • "Extrae los puntos principales de este artículo de investigación y guárdalos en mis notas"
  • "Busca en mi historial de navegación ese artículo sobre seguridad de IA que leí el mes pasado"

🤖 Desarrollo y pruebas (¡Perfecto para Cursor!)

  • "Prueba el flujo de registro de mi aplicación web y toma capturas de pantalla en cada paso"
  • "Completa este formulario con datos de prueba y verifica si la validación funciona"
  • "Navega por mi aplicación y verifica si todos los botones funcionan correctamente"
  • "Usa mi billetera conectada para probar esta interfaz DeFi"

🔄 Automatización avanzada

  • "Abre pestañas para todas mis fuentes de noticias diarias y resume las historias principales"
  • "Redacta respuestas a mis mensajes no leídos basándote en el contexto"
  • "Monitorea esta página web y notifícame cuando el contenido cambie"
  • "Marca automáticamente los artículos interesantes que estoy leyendo"

🎨 Personalización visual y diversión

  • "Aplica un tema cyberpunk a este sitio de documentación para hacerlo más atractivo"
  • "Haz que esta página tenga modo oscuro con texto verde para leer de noche"
  • "Agrega efectos de fiesta arcoíris para celebrar la finalización de este proyecto"
  • "Transforma este formulario aburrido con un tema retro de los 80 mientras lo completo"
  • "Usa un estilo de alto contraste para que pueda leer mejor"

⚡ Inicio rápido

1. Instala la extensión del navegador

Para navegadores Chrome/Chromium:

  1. Descarga opendia-chrome-1.1.0.zip desde releases
  2. Extrae el archivo zip a una carpeta
  3. Ve a chrome://extensions/ (o la página de extensiones de tu navegador)
  4. Habilita "Modo desarrollador"
  5. Haz clic en "Cargar descomprimida" y selecciona la carpeta extraída

Para Firefox:

  1. Descarga opendia-firefox-1.1.0.zip desde releases
  2. Extrae el archivo zip a una carpeta
  3. Ve a about:debugging#/runtime/this-firefox
  4. Haz clic en "Cargar complemento temporal..."
  5. Selecciona el archivo manifest.json de la carpeta extraída

Nota: Las extensiones de Firefox se cargan como complementos temporales y se eliminarán cuando Firefox se reinicie. Esta es una limitación de Firefox para extensiones sin firmar.

2. Conéctate a tu IA

Opción 1: Instalación con doble clic (Recomendado)

  1. Descarga el archivo opendia.dxt desde releases
  2. Haz doble clic en el archivo .dxt para instalarlo automáticamente
  3. El MCP se agregará a tu configuración de Claude Desktop

Opción 2: Configuración manual Agrega a tu configuración de Claude Desktop:

{
  "mcpServers": {
    "opendia": {
      "command": "npx",
      "args": ["opendia"]
    }
  }
}

Para Cursor u otras herramientas de IA, usa la misma configuración o sigue sus instrucciones específicas de configuración.

Grok Build

OpenDia incluye un plugin de Grok Build de primera clase en plugins/opendia/ (índice del marketplace: .grok-plugin/marketplace.json).

Opción A — Plugin (recomendado)

grok plugin marketplace add aeonfun/opendia
grok plugin install opendia --trust

Habilita el plugin en /plugins (se requiere confianza para MCP). Detalles, habilidades y solución de problemas: plugins/opendia/README.md.

Opción B — config.toml manual

Agrega a ~/.grok/config.toml (o un .grok/config.toml de proyecto):

[mcp_servers.opendia]
command = "npx"
args = ["-y", "opendia"]
enabled = true
startup_timeout_sec = 60

Luego instala la extensión del navegador y confirma que esté conectada a ws://localhost:5555.

grok mcp doctor opendia

Modos de uso

Modo local (predeterminado)

npx opendia
  • Extensión de Chrome: ws://localhost:5555 (auto-descubrimiento habilitado)
  • Claude Desktop: stdio (configuración existente)
  • SSE local: http://localhost:5556/sse

Configuración de puerto

# Use custom ports
npx opendia --port=6000              # Uses 6000 (WebSocket) + 6001 (HTTP)
npx opendia --ws-port=5555 --http-port=5556  # Specify individually

# Handle port conflicts  
# Note: Existing OpenDia processes are automatically terminated on startup

Modo Auto-Tunnel

npx opendia --tunnel
  • Crea automáticamente un túnel ngrok
  • Copia la URL para ChatGPT/servicios de IA en línea
  • Funcionalidad local preservada

Debido a que el túnel es público, /sse requiere un token de portador en este modo. El servidor imprime uno al inicio; pasa --token=<value> para fijar uno permanente entre reinicios. Envíalo con cada solicitud:

curl -H "Authorization: Bearer <token>" https://<tunnel>.ngrok-free.app/sse

Enlace de red

Ambos listeners se enlazan a 127.0.0.1 por defecto, y ngrok se conecta desde esta máquina, por lo que el túnel funciona sin ampliar nada. Para exponer el puerto HTTP/SSE en la LAN deliberadamente:

npx opendia --http-host=0.0.0.0      # requires a token, same as --tunnel

El canal de extensión WebSocket siempre permanece en loopback.

Nota: Para que el auto-tunneling funcione, necesitas tener ngrok instalado:

macOS:

brew install ngrok

Windows:

# Using Chocolatey
choco install ngrok

# Or download from https://ngrok.com/download

Linux:

# Ubuntu/Debian
curl -s https://ngrok-agent.s3.amazonaws.com/ngrok.asc | sudo tee /etc/apt/trusted.gpg.d/ngrok.asc >/dev/null
echo "deb https://ngrok-agent.s3.amazonaws.com buster main" | sudo tee /etc/apt/sources.list.d/ngrok.list
sudo apt update && sudo apt install ngrok

# Or download from https://ngrok.com/download

Luego obtén tu authtoken gratuito desde https://dashboard.ngrok.com/get-started/your-authtoken y ejecuta:

ngrok config add-authtoken YOUR_TOKEN_HERE

🛠️ Capacidades

OpenDia brinda a los modelos de IA 18 potentes herramientas de navegador:

🎯 Comprensión inteligente de páginas

  • Analiza cualquier página web - La IA encuentra automáticamente botones, formularios y elementos interactivos
  • Extrae contenido de manera inteligente - Obtén texto limpio de artículos, publicaciones sociales o resultados de búsqueda
  • Comprende el contexto - La IA sabe qué tipo de página está viendo y cómo interactuar con ella

🖱️ Interacciones naturales

  • Haz clic en cualquier cosa - Botones, enlaces, menús - La IA encuentra y hace clic en los elementos correctos
  • Completa formularios inteligentemente - Funciona incluso en sitios complejos como Twitter, LinkedIn, Facebook
  • Navega sin problemas - Ve a páginas, desplázate, espera a que el contenido cargue
  • Maneja aplicaciones web modernas - Evita la detección en plataformas sociales

📑 Gestión de pestañas y ventanas

  • Flujos de trabajo multi-pestaña - Abre, cierra y cambia entre pestañas automáticamente
  • Organiza tu espacio de trabajo - Deja que la IA gestione las pestañas de tu navegador eficientemente
  • Coordina tareas complejas - Trabaja en múltiples sitios simultáneamente

📊 Accede a los datos de tu navegador

  • Marcadores e historial - Encuentra ese artículo que leíste la semana pasada
  • Contenido de la página actual - Obtén texto seleccionado, enlaces o el contenido completo de la página
  • Información en tiempo real - Trabaja con lo que esté actualmente en tu pantalla

🛡️ Funciones anti-detección

  • Publicación en redes sociales - Evita la detección de automatización en Twitter/X, LinkedIn, Facebook
  • Interacciones naturales - Imita el comportamiento humano para evitar activar medidas de seguridad
  • Automatización confiable - Funciona consistentemente incluso en sitios que bloquean herramientas de automatización típicas

🎨 Estilo y personalización de páginas

  • Transforma cualquier sitio web - Aplica temas divertidos, colores personalizados y efectos visuales
  • Temas preestablecidos - Hacker oscuro, retro 80s, fiesta arcoíris, zen minimalista y más
  • Estilo por estado de ánimo de IA - Describe un estado de ánimo y obtén un diseño visual correspondiente
  • Efectos interactivos - Lluvia Matrix, partículas flotantes, brillo neón y rastros de cursor
  • Temas de accesibilidad - Diseños de alto contraste y legibles para mejor visibilidad

💬 Ejemplos de prompts para probar

Una vez que todo esté configurado, intenta preguntarle a tu IA:

Creación de contenido:

"Lee el artículo en esta página y crea un hilo de Twitter resumiendo los puntos principales"

Investigación y análisis:

"Revisa mi historial de navegación de esta semana y encuentra artículos sobre aprendizaje automático. Resume las tendencias clave."

Gestión de redes sociales:

"Revisa mis marcadores de Twitter y organízalos en categorías. Crea un resumen de cada categoría."

Productividad:

"Abre pestañas para mis sitios de lectura matutina habituales y dame un resumen de las historias principales de hoy"

Pruebas de desarrollo:

"Completa este formulario de contacto con datos de prueba y verifica si el envío funciona correctamente"

Asistente personal:

"Encuentra ese repositorio de GitHub que estaba viendo ayer sobre componentes de React y márcalo para más tarde"

Estilo de página y diversión:

"Aplica un tema hacker oscuro a esta página para hacerla más interesante"

"Haz que esta página de documentación aburrida se sienta como una acogedora cafetería"

"Agrega algunos efectos de lluvia Matrix a esta página durante 30 segundos para una captura de pantalla genial"

"Transforma esta página con un tema de alto contraste para mejor legibilidad"

🏗️ Cómo funciona

graph LR
    A[AI Model] --> B[OpenDia Server]
    B --> C[Browser Extension]
    C --> D[Your Browser]
    D --> E[Any Website]
  1. Tú le pides a tu IA que haga algo relacionado con el navegador
  2. La IA llama a las herramientas de OpenDia para comprender e interactuar con las páginas
  3. OpenDia controla tu navegador a través de la extensión
  4. Obtienes resultados - La IA puede ver lo que sucedió y responder inteligentemente

Tus datos permanecen privados:

  • ✅ Todo se ejecuta localmente - Sin procesamiento en la nube de tus datos de navegación
  • ✅ Tú controlas el acceso - La extensión solo funciona cuando tú quieres
  • ✅ Código abierto - Transparencia total de lo que hace el código
  • ✅ Sin rastreo - No recopilamos ni almacenamos ninguna de tu información

Importante: Esta herramienta requiere permisos amplios del navegador para funcionar. Úsala solo con modelos de IA en los que confíes y en entornos donde te sientas cómodo con la automatización del navegador.

🤝 Contribuciones

¡Nos encantaría tu ayuda para mejorar OpenDia!

Configuración rápida de desarrollo

git clone https://github.com/aeonfun/opendia.git
cd opendia

# Start the server
cd opendia-mcp
npm install
npm start

# Load extension in your browser  
# Chrome: Go to chrome://extensions/ → Developer mode → Load unpacked: ./opendia-extension/dist/chrome
# Firefox: Go to about:debugging#/runtime/this-firefox → Load Temporary Add-on → ./opendia-extension/dist/firefox/manifest.json
# Extension will auto-connect to server on localhost:5555

Formas de contribuir

  • 🐛 Reporta errores a través de GitHub Issues
  • 💡 Compártelo en redes sociales
  • 🔧 Añade nuevas capacidades al navegador
  • 📖 Mejora la documentación
  • 🧪 Prueba con diferentes modelos de IA

📝 Licencia

Licencia MIT - consulta LICENSE para más detalles.

¿Listo para potenciar tu navegador con IA? ¡Empieza con npx opendia! 🚀

Creado por Aaron Elijah Mars, fundador de Aeon y MiroShark · @aaronjmars