El panel lateral de Chrome añade programación en pareja con IA en vivo para páginas web
Lizard Studio - Panel Lateral de Claude Code, desarrollado por Dragon Labs LLC, integra Claude Code de Anthropic en Chrome para proporcionar asistencia de desarrollo en contexto para páginas web. La extensión presenta un asistente dentro del panel lateral del navegador que se conecta a un CLI de Claude Code que se ejecuta localmente para ayudar con la depuración, sugerencias de código y ediciones en la página. Su interfaz agrupa captura visual y un kit de herramientas de diseño, dirigido a desarrolladores web y diseñadores de UI que desean flujos de trabajo de navegador conscientes de la IA.
¿Puede el asistente interactuar con la página como un colaborador humano?
Sí: la herramienta conecta al asistente en el entorno de ejecución del navegador para que pueda inspeccionar la estructura del documento en vivo y operar en la pestaña activa. Esa conexión permite al asistente capturar capturas de pantalla compuestas, anotar elementos y realizar acciones como hacer clic o escribir, dando a la IA el contexto en tiempo real necesario para comportarse más como un programador en pareja que como un resumidor pasivo.
¿Mantiene el procesamiento local y limita el enrutamiento de terceros?
Arquitectura local-prioritaria: la extensión impulsa un Claude Code CLI local a través de un host de mensajería nativa, que el desarrollador describe como funcionando completamente en la máquina del usuario. El paso de instalación utiliza Node.js (el host se instala con un comando npx), y el desarrollador afirma que no se utilizan servidores externos ni telemetría, lo que reduce el tránsito de red hacia procesadores externos en comparación con las barras laterales mediadas por la nube.
¿Cómo se integra en el flujo de trabajo y herramientas existentes de un desarrollador?
Integración con tareas comunes de front-end: la extensión agrupa ayudantes de diseño en la página y ayudas de inspección que de otro modo requerirían herramientas separadas. La interfaz incluye:
- reglas, guías y cuadrículas de columnas
- un cuentagotas para muestreo de color
- vista previa de viewport responsivo y anotación de elementos
La extensión también opera con tu cuenta y carpetas de proyecto existentes de Anthropic, por lo que no se requiere una cuenta separada de Lizard; eso reduce la fricción de la cuenta mientras vincula la herramienta a una configuración de Claude Code controlada por el desarrollador.
Opción práctica para desarrolladores que aceptan la configuración local
Lizard Studio se adapta a desarrolladores y diseñadores preparados para ejecutar un CLI de Claude Code local e instalar un host nativo, porque ese requisito crea un paso de configuración inicial. Para equipos dispuestos a añadir herramientas de Node.js, la extensión incrusta asistencia de IA directamente en un flujo de trabajo del navegador y mantiene el procesamiento en las instalaciones; para usuarios que evitan componentes locales, la carga de configuración lo convierte en una opción menos conveniente.
