Couldn't load this page.

Inspecciona y corrige tu sitio web con Claude Code y ChatGPT

Una extensión gratuita de Chrome para Claude Code y ChatGPT. Selecciona un elemento, inspecciona la página y pídele a tu agente que edite el código en tu proyecto local.

Lizard Studio inspeccionando un elemento de página seleccionado en Chrome, con sus estilos, la barra de herramientas de diseño y el panel lateral de chat visibles.

Tu agente de IA, conectado a tu sitio web

Claude Code y ChatGPT

Tu IA, conectada a la página en la que estás trabajando.

Inspector de Lizard Studio que muestra el modelo de caja y los estilos del elemento seleccionado.

Selecciónalo. Corrígelo.

Envía el elemento exacto, con sus estilos.

Depura la página en vivo

Inspecciona el DOM, la consola y la red en su lugar.

Crea con IA.
Publica con Lizard.

button.studio-design-site-cta

Diseña sobre la página

Mide, elige colores y comprueba tu diseño.

lizard
Lizard Studio
Opus 4.8Medio

Trabaja en todas tus pestañas

Lee páginas, rellena formularios y recopila datos.

Editar archivo
src/App.tsx
¿Quieres continuar?

Tú mantienes el control

Tus archivos locales. Tus permisos. Gratis y de código abierto.

Preguntas frecuentes

Lizard Studio es una extensión gratuita y de código abierto para Chrome para Claude Code y ChatGPT. Conecta un chat en el panel lateral con tu página activa y tu proyecto local, con selector de elementos, anotaciones, herramientas de diseño y depuración en el navegador.

No. Conecta tu propia cuenta de Claude Code o ChatGPT y elige una carpeta de proyecto local.

La extensión y el host se ejecutan localmente. El proveedor de IA que elijas gestiona las solicitudes de chat; Lizard no recopila telemetría.

Instálalo desde Chrome Web Store y luego ejecuta npx @lizard-build/lizard-studio-host install para conectar tu agente local.

La extensión y el host local son gratuitos y tienen licencia MIT. El proveedor de IA que elijas define los requisitos de la cuenta, los límites de uso y los cargos del agente. Que la extensión sea gratuita no incluye uso gratuito del modelo.

Sí. Abre tu sitio web local, elige su carpeta de proyecto en Lizard Studio y usa Selector para adjuntar un elemento. Describe el cambio, revisa las ediciones de archivos del agente y comprueba el resultado en el navegador.

En la interfaz de Lizard Studio, el agente se llama ChatGPT. Se conecta mediante el Codex CLI local, usando tu propia cuenta y carpeta de proyecto. También puedes elegir Claude Code.

Los cambios en los archivos de tu proyecto se conservan al recargar cuando tu servidor de desarrollo sirve esos archivos. Un cambio temporal en el DOM o en los estilos solo afecta a la página abierta. Pídele al agente que edite el código fuente y revisa su diff.

Construye con IA. Publica con Lizard.

No necesitas un equipo de plataforma para salir a producción. Toda tu nube, a un comando de CLI de distancia.

Pruébalo gratis
Espacios de trabajo
Servicios
Add-ons
Despliegues

Usamos cookies para la funcionalidad esencial del sitio y analíticas. Consulta nuestra Política de Cookies.