TabbitBlog

Usar GitHub Copilot CLI con un navegador conectado

Conecta un flujo local de Copilot CLI con Tabbit Browser, verifica la sesión y revisa la vista previa de un PR en una tarea separada.

En este artículo
  1. Ideas clave
  2. Componentes y comprobaciones
  3. 1. Comprueba que Copilot CLI detecta el skill
  4. 2. Comprueba la conexión local con Tabbit
  5. 3. Compara el diff del PR con la vista previa
  6. Cuándo conviene Tabbit
  7. Elige según dónde se ejecuta el agente
  8. Decide si encaja

GitHub Copilot CLI puede usar agent skills para orientar el trabajo local en la terminal, pero GitHub no documenta un conector integrado de Tabbit Browser. Para revisar una vista previa con sesión iniciada, instala Tabbit Browser y su skill de Tabbit CLI; después comprueba que Copilot CLI pueda cargarlo y ejecutar el launcher local. El inicio de sesión del sitio pertenece al perfil de Tabbit elegido, no al acceso de Copilot a GitHub.

Esto resulta útil cuando solo puedes abrir la vista previa del pull request con tu propia cuenta. Pide a Copilot CLI que resuma el diff en la terminal y luego usa una tarea de Tabbit con nombre propio para revisar la vista previa. Esa tarea mantiene sus pestañas separadas y tú puedes seguir trabajando en otras. Guarda una nota de revisión y deja el PR sin cambios hasta que apruebes el siguiente paso.

Un usuario de r/GithubCopilot contó que el CLI abría terminales nuevos mientras trabajaba. Es una experiencia individual, pero muestra por qué conviene separar la revisión del navegador en una tarea con nombre. Lee el debate.

Ideas clave

  • Copilot CLI es el cliente de programación; Tabbit CLI conecta con el navegador local. Son programas distintos.

  • GitHub documenta skills de proyecto en .github/skills, .claude/skills y .agents/skills; los personales pueden ir en ~/.copilot/skills o ~/.agents/skills. Cada carpeta necesita SKILL.md.

  • Ver un skill solo confirma que se descubrió. Comprueba también el launcher local y el perfil correcto de Tabbit.

  • Los permisos de shell importan porque un skill puede pedir comandos locales. Revisa el skill y conserva la confirmación para los comandos que no hayas revisado.

  • Usa una tarea de navegador con nombre y una nota local. Comprueba el resultado antes de enviar o publicar cambios.

Componentes y comprobaciones

ComponenteFunciónQué comprobar
GitHub Copilot CLILee el código y ejecuta herramientas permitidasSesión local, repositorio correcto y permisos necesarios
Skill de CopilotProporciona instrucciones y scripts opcionalesSKILL.md en una ruta admitida y visible tras recargar
Tabbit CLIPermite al agente local operar Tabbit BrowserEl launcher detecta la instancia esperada
Perfil de TabbitMantiene pestañas y sesiones de sitiosLa vista previa muestra el usuario o proyecto correcto
Nota de revisiónGuarda hallazgos para una personaArchivo local; no afirma que el PR haya cambiado

GitHub explica que un skill es una carpeta con instrucciones y, opcionalmente, recursos. También advierte que autorizar shell o bash de antemano elimina una confirmación. Consulta la guía de skills de Copilot CLI y la referencia de comandos.

1. Comprueba que Copilot CLI detecta el skill

Para reutilizar el flujo entre repositorios, guarda un skill personal en ~/.copilot/skills o ~/.agents/skills. Un skill de proyecto puede estar en .github/skills, .claude/skills o .agents/skills dentro del repositorio.

~/.agents/skills/
└── tabbit/
    └── SKILL.md

La guía rápida de Tabbit CLI explica la instalación y el skill. Reinicia Copilot CLI o usa /skills reload en una sesión interactiva. Para invocar uno directamente, usa su nombre registrado con /; si aparece como tabbit, puedes pedir Use the /tabbit skill to inspect this preview. Compruébalo con /skills info tabbit. Después verifica cómo ejecutará el comando local.

Detectar el skill es solo el primer paso. También debe poder ejecutar el launcher local, que a su vez debe alcanzar el navegador previsto.

2. Comprueba la conexión local con Tabbit

Abre Tabbit Browser en el mismo ordenador que Copilot CLI. Inicia sesión en el sitio con el perfil previsto. Empieza con una lectura de la vista previa.

Usa el launcher documentado para tu sistema. La guía rápida de macOS indica:

launcher="$HOME/.local/bin/tabbit-cli"
"$launcher" diagnose

Antes de pedir la tarea, confirma que el navegador correcto está activo. Si Copilot ve el skill pero no puede ejecutar el launcher, revisa los permisos de shell y el entorno local. Codespaces no hereda automáticamente el perfil del portátil aunque use la misma cuenta GitHub.

ComprobaciónEvidencia de éxitoSi falla
Descubrimiento del skilltabbit aparece en la listaRevisa la ruta y el nombre de SKILL.md; recarga la sesión
Acceso al launcherCopilot puede ejecutarlo en el host localRevisa permiso de shell y ejecución local
Navegador objetivoTabbit CLI muestra la instancia esperadaSelecciona la instancia correcta antes de navegar
Sesión del sitioLa vista previa muestra la cuenta o proyecto esperadoInicia sesión manualmente y vuelve a comprobar

La sesión existente solo se reutiliza si la tarea llega al mismo perfil de Tabbit. Eso no expone la contraseña ni las cookies como texto del prompt. No pongas credenciales en el prompt ni en la nota.

Para definir el alcance, usa la lista para la primera tarea de un agente de navegador. Si no ve la página, compara las rutas local y en la nube y las formas de conectar un agente a un navegador existente. La guía de configuración de Codex con Tabbit explica el mismo límite local para otro cliente.

3. Compara el diff del PR con la vista previa

Primero pide a Copilot CLI que enumere las rutas modificadas y los cambios visibles esperados. Después revisa esas páginas con una tarea nombrada de Tabbit. La tarea usa sus propias pestañas mientras tú sigues con el diff en las demás.

Una persona que ayudó a desplegar Copilot CLI en su empresa señaló que compartir skills entre clientes requiere ajustar rutas y metadata. Es una experiencia dependiente de la versión, pero aconseja verificar que el skill aparece en el cliente. Lee la publicación original.

Después de comprobar la conexión, puedes probar este prompt. Solicita un borrador local, no una opinión enviada al PR:

Compara el diff del pull request actual con la vista previa iniciada en Tabbit Browser.
Crea una tarea de Tabbit llamada "pr-482-preview-review". Revisa solo las rutas cambiadas por este PR.
No edites el sitio, no envíes formularios, no comentes ni fusiones nada.
Guarda un borrador Markdown local llamado "pr-482-release-preview-review.md" con:
- ruta y título visible
- cada comportamiento modificado que comprobaste
- discrepancias y evidencia visible
- elementos que no pudiste comprobar
Detente al guardar el borrador y muéstrame su ruta para revisarlo.

Es un ejemplo, no un resultado de prueba. Sustituye el número y el nombre del archivo, confirma que la vista previa corresponde a la compilación correcta y revisa la nota antes de compartirla. Si la página pide iniciar sesión, muestra otro espacio de trabajo o propone una acción sensible, detente.

Cuándo conviene Tabbit

Copilot CLI trabaja con código local; Tabbit Browser aporta el contexto del navegador y Tabbit CLI permite que un agente local elegible solicite una tarea. Evalúa esta opción cuando la vista previa ya está abierta en Tabbit o quieres revisar mientras sigues programando.

No implica soporte nativo de Tabbit por parte de Copilot CLI. La conexión depende del skill instalado, el launcher accesible y la instancia correcta. GitHub no certifica Tabbit como integración propia. Consulta la guía completa de Tabbit CLI, la guía de Copilot como agente de navegador y la guía de sesiones iniciadas.

Elige según dónde se ejecuta el agente

EntornoRuta sugeridaExpectativa de sesión
Copilot CLI localTabbit CLI tras comprobar skill y launcherUsa una sesión válida del perfil seleccionado
Copilot CLI en CodespacesTransferencia local compatible si existeNo hereda el perfil del portátil
Vista públicaMétodo autorizado de lecturaNo necesita iniciar sesión
Vista restringidaTarea local de Tabbit, con revisión humanaLa sesión sigue en el perfil del navegador

El control remoto de una sesión de Copilot CLI no equivale a conectarla con el navegador de tu ordenador. Mantén separadas ambas conexiones.

Decide si encaja

Usa el flujo si el navegador ya tiene sesión y quieres comparar una página real con cambios de código. También sirve para un panel de staging sin vista pública si tienes autorización.

Si un snapshot, una API o una prueba ofrece evidencia igual de fiable, no hace falta usar el navegador. En producción, el prompt no sustituye los controles de aprobación del sitio. Pide una lista, revisa la página y decide tú si enviar cambios.

Un cierre comprobable deja una tarea terminada, un archivo local y una lista de lo que el agente inspeccionó. Un mensaje de “listo” no prueba que cargó la página ni modificó el PR.

Para probar con una fixture, consulta el tutorial de agent-browser CLI o la guía de automatización de navegadores.

Preguntas frecuentes

¿GitHub Copilot CLI controla un navegador por sí solo?

GitHub documenta skills y herramientas de terminal para Copilot CLI, pero las fuentes revisadas no documentan un conector integrado con Tabbit Browser. Comprueba que el cliente local carga el skill y puede ejecutar el launcher instalado.

¿Dónde puedo guardar un skill de Copilot CLI?

GitHub documenta skills de proyecto en .github/skills, .claude/skills o .agents/skills, y skills personales en ~/.copilot/skills o ~/.agents/skills. Cada carpeta debe incluir SKILL.md.

¿Cómo recargo un skill nuevo?

En una sesión interactiva de Copilot CLI, usa /skills reload después de añadirlo. También puedes reiniciar la sesión y comprobar los skills disponibles antes de pedir la tarea de navegador.

¿Tabbit reutiliza el inicio de sesión de GitHub de Copilot CLI?

No. La tarea usa la sesión del sitio que ya está abierta en el perfil seleccionado de Tabbit Browser. La cuenta de GitHub de Copilot y la sesión del sitio web son estados distintos.

¿La tarea del navegador puede cambiar mi pull request?

Un prompt de solo lectura puede pedir que el agente examine una vista previa y guarde una lista local, pero no garantiza que actúe solo en lectura. Revisa las acciones solicitadas y el resultado antes de compartirlo.

¿GitHub Codespaces reutiliza la sesión de Tabbit de mi portátil?

No automáticamente. El proceso local debe poder acceder al runtime de Tabbit en un host compatible. Un entorno remoto necesita una transferencia local compatible por separado o debes ejecutar allí el paso del navegador.

Da el siguiente paso

Deja que Tabbit trabaje junto a ti.

Investiga entre pestañas, automatiza el trabajo repetitivo del navegador y mantén todo el contexto al alcance.