OpenCode Web: Cómo Ejecutar Múltiples Proyectos con IA desde una Interfaz Gráfica
OpenCode se ha consolidado como una de las herramientas más populares del ecosistema de inteligencia artificial para desarrolladores. Su flexibilidad para conectar prácticamente cualquier modelo inteligente y configurarlo a nuestro gusto lo convierte en un entorno altamente productivo. Sin embargo, existe una característica que muchos desconocen: OpenCode Web.
Esta funcionalidad nos permite ejecutar múltiples proyectos de forma simultánea a través de una interfaz gráfica, ofreciendo todas las capacidades de la terminal pero con una experiencia visual mucho más cómoda. Lo mejor de todo es que se trata de un proyecto open source y completamente gratuito.
¿Qué es OpenCode Web?
OpenCode Web es la interfaz gráfica de OpenCode que permite gestionar varios proyectos a la vez. Mientras que la terminal tradicional nos limita a trabajar en un proyecto por sesión, OpenCode Web nos da la posibilidad de orquestar múltiples agentes de IA, cada uno asignado a un proyecto distinto, todo desde una misma ventana.
Para ejecutarlo, simplemente necesitas tener OpenCode instalado y correr el comando:
opencode web
Lo interesante es que este comando se puede ejecutar desde cualquier ubicación, ya que no está ligado al directorio donde normalmente abres OpenCode. Una vez ejecutado, se abre una interfaz limpia donde puedes empezar a añadir tus proyectos.
Configuración inicial: Proveedores y Modelos
Antes de empezar a trabajar con proyectos, conviene revisar la sección de ajustes. Desde allí puedes cambiar el idioma, activar la aceptación automática de permisos, modificar el tema de color y personalizar la interfaz según tus preferencias.
Pero lo más importante dentro de los ajustes son los proveedores. Esta sección gestiona los modelos inteligentes que puedes conectar dentro de OpenCode. Si ya los configuraste desde la terminal usando el comando /connect, estarán disponibles automáticamente en la interfaz web.
Algunas opciones de proveedores disponibles incluyen:
- ChatGPT (OpenAI): Modelos como GPT 5.3 y GPT 5.4, accesibles con la suscripción. Es una opción bastante económica y con uso prácticamente ilimitado.
- GitHub Copilot: Se conecta directamente desde la interfaz autorizando tu cuenta de GitHub. Ofrece acceso a varios modelos incluyendo los de Claude.
- MiniMax: Un modelo chino bastante competitivo y más barato que otras alternativas.
- OpenCode Sen: La opción gratuita que viene incluida con OpenCode, aunque al ser tan popular suele saturarse y dejar de responder.
- OpenRouter: Muy popular en la comunidad, ofrece acceso a múltiples modelos con distintos planes de suscripción.
Para conectar un proveedor como Copilot, simplemente vas a la sección de proveedores, seleccionas Copilot, das clic en "conectar", visitas el enlace que te proporciona, pegas el código de autorización y listo.
Abriendo Múltiples Proyectos
La esencia de OpenCode Web está en poder trabajar con varios proyectos simultáneamente. Para añadir un proyecto, haz clic en el botón "+" y escribe la ruta del proyecto.
Un detalle importante (especialmente en Windows): las rutas se escriben en formato Unix. Esto significa que debes usar la tilde ~ para referirte al directorio home. Por ejemplo:
~/Desktop/mi-proyecto
También puedes usar Tab para autocompletar las rutas, lo que facilita mucho la navegación. Una vez que escribes la ruta y das Enter, el proyecto se añade como una pestaña independiente dentro de la interfaz.
Trabajando en Paralelo con Múltiples Agentes
Una vez que tienes varios proyectos abiertos, cada uno funciona como una sesión de chat independiente. Puedes pedirle algo al primer proyecto y, sin esperar a que termine, saltar a la segunda pestaña y asignarle otra tarea con un modelo diferente.
Por ejemplo, podrías tener una configuración así:
- Proyecto 1 (React + Supabase): Le pides un resumen del proyecto usando GPT 5.4.
- Proyecto 2 (Python + PostgreSQL): Le pides que ejecute el backend con un entorno virtual usando MiniMax.
- Proyecto 3 (Node.js API): Le pides que cree un commit y lo suba a un repositorio privado usando GitHub CLI.
Cada proyecto puede usar un modelo distinto, y todos trabajan al mismo tiempo. Cuando una tarea termina, incluso reproduce un sonido de notificación si tienes los sonidos del sistema activados.
Explorador de Archivos y Navegación
OpenCode Web incluye un explorador de archivos integrado para cada proyecto. Desde la interfaz puedes ver los archivos del proyecto, navegar entre ellos y revisar el código. Sin embargo, la interfaz está pensada más para revisar que para editar directamente: lo ideal es pedir a la IA que haga las modificaciones por ti.
También cuentas con un buscador rápido de archivos que puedes abrir con Ctrl+K o Ctrl+P, igual que en editores de código como VS Code. Esto te permite saltar rápidamente a cualquier archivo sin importar en qué proyecto esté.
Integración con Git
La interfaz muestra en la parte superior derecha los cambios pendientes de Git para cada proyecto. Puedes ver los archivos que están en staging, los que no están añadidos al working directory y el estado general del repositorio.
Además, la IA puede interactuar directamente con Git y otras herramientas de terminal. Puedes pedirle que cree commits, suba código a un repositorio usando GitHub CLI, o cualquier otra operación que normalmente harías desde la consola. Cualquier programa de terminal que tengas instalado (FFMPEG, Playwright, GitHub CLI, etc.) está disponible para la IA.
Modos de Trabajo: Construir vs. Planificar
OpenCode Web ofrece dos modos principales de trabajo:
- Modo Construir: La IA realiza los cambios directamente en el código. Es el modo por defecto y el más útil para tareas concretas.
- Modo Plan: La IA primero planifica los cambios y puede hacerte preguntas antes de implementar. Es ideal para funcionalidades nuevas que requieren decisiones de diseño, como crear una página de administración de usuarios donde la IA podría preguntarte cómo determinar roles o qué funcionalidades incluir.
Los modelos también tienen configuraciones de calidad: los modelos low responden rápido pero son para tareas puntuales, mientras que los modelos high tardan más pero razonan de forma más profunda para tareas complejas.
Personalización y Sesiones
Cada proyecto puede personalizarse para mantener el orden. Haciendo clic derecho sobre un proyecto puedes editar su nombre, cambiar el color del recuadro e incluso añadir una descripción. Esto es especialmente útil cuando manejas cinco o más proyectos simultáneamente.
Las sesiones se pueden reiniciar con el botón "nueva sesión", que limpia la conversación actual y permite empezar de cero. También puedes compartir el chat generando un enlace público (solo lectura) para que otros miembros de tu equipo puedan ver el historial de la conversación.
Funcionalidades Adicionales
En la barra superior de la interfaz encontrarás:
- Barra de estado: Indica que la interfaz web está en ejecución.
- MCPs: Muestra los servidores MCP configurados para OpenCode.
- LCSPs y Plugins: Todo lo que instales en OpenCode será visible aquí.
- Terminal integrada: Cada proyecto tiene su propia terminal ya ubicada en el directorio correcto.
Nota Sobre los Modelos de Claude
Un punto que vale la pena mencionar: Anthropic actualmente limita el uso de las suscripciones de Claude Code en herramientas de terceros que compiten directamente con sus productos. Esto significa que no puedes usar tu suscripción de Claude Code directamente en OpenCode.
Si quieres acceder a los modelos de Claude (como Opus) desde OpenCode, la opción recomendada es hacerlo a través de proveedores intermediarios como OpenRouter o GitHub Copilot, que sí ofrecen acceso a estos modelos dentro de sus planes. Usar la API directa de Anthropic es posible pero significativamente más caro, ya que no tiene un techo de gasto fijo como una suscripción mensual.
¿Cuándo Tiene Sentido Usar OpenCode Web?
OpenCode Web no es un reemplazo del editor de código. Si trabajas en un solo proyecto o en un par de ellos, probablemente la terminal tradicional sea más que suficiente. Donde esta interfaz brilla es cuando necesitas manejar múltiples tareas pequeñas en paralelo a través de varios proyectos.
Si estás trabajando en cinco o más proyectos, delegando tareas como crear commits, ejecutar servidores, generar archivos o hacer revisiones de código, OpenCode Web se convierte en una herramienta muy valiosa para orquestar todo desde un solo lugar.
Herramientas similares existen (GPT Codex tiene su app de escritorio, Claude Desktop ofrece algo parecido), pero OpenCode Web es la única opción abierta que permite conectar cualquier modelo inteligente sin estar atado a un ecosistema específico. Esa libertad de elección es lo que la hace única.