Inspector

¿Qué es Inspector?

Inspector es un editor visual que tiende un puente entre el diseño y el código conectándose directamente a tu agente de codificación de IA. En lugar de describir cambios en texto o pasar por un proceso de traspaso de diseño, haces clic en cualquier elemento de tu interfaz de usuario en vivo, lo ajustas visualmente, e Inspector escribe el cambio correspondiente directamente en tu base de código. Funciona con agentes de IA populares como Claude Code, Codex y Cursor, convirtiendo ediciones visuales en commits de código reales.

Para quién es

• Desarrolladores front-end que quieren iterar cambios de interfaz más rápido sin cambiar entre herramientas de diseño y editores de código.
• Ingenieros de diseño que necesitan una forma directa de traducir ajustes visuales en código listo para producción sin reimplementación manual.
• Fundadores en solitario y equipos pequeños que dependen de agentes de codificación de IA y quieren un flujo de trabajo fluido desde el ajuste visual hasta el push al repositorio.

Funcionalidades clave

Edición visual en el navegador

Haz clic en cualquier elemento de tu interfaz en ejecución para seleccionarlo, luego muévelo, cambia su tamaño o edita texto directamente. Inspector traduce cada acción visual en el cambio de código correspondiente, para que nunca tengas que buscar en archivos para encontrar la línea correcta.

Integración con agentes de IA

Inspector se conecta a tu agente de IA existente — Claude Code, Codex o Cursor. Cuando realizas una edición visual, el agente recibe el contexto y escribe el cambio en tu base de código local. Esto significa que tu agente se mantiene en el bucle y puede manejar lógica más compleja alrededor del ajuste visual.

Operación completamente local

Todo se ejecuta en tu máquina. Inspector se conecta a cualquier base de código local sin enviar tu código o datos de interfaz a servidores externos. Tu trabajo se mantiene privado y no hay dependencia de infraestructura en la nube para el flujo de trabajo de edición.

App nativa para macOS

Inspector está disponible como una aplicación nativa de macOS, proporcionando una experiencia fluida y de baja latencia para desarrolladores que trabajan en hardware de Apple.

Lo que lo distingue

Inspector convierte tu navegador en un editor de código — haz clic, ajusta y haz push sin salir nunca de la interfaz.

La mayoría de los editores visuales generan archivos de diseño abstractos o exportan activos estáticos. Inspector va más allá al escribir cambios de código reales a través de tu agente de IA. Esto elimina por completo el traspaso tradicional de diseño a desarrollo. Te mantienes en el mismo entorno donde pruebas y previsualizas tu trabajo, y las actualizaciones de código se reflejan inmediatamente en tu repositorio. Es un atajo práctico para cualquiera que quiera pasar de una idea visual a código comprometido en segundos.

Vale la pena probarlo si…

Usas agentes de codificación de IA como Claude Code, Codex o Cursor y quieres una forma más rápida de hacer cambios front-end. Inspector es especialmente útil si te encuentras constantemente cambiando entre un inspector de navegador y un editor de código para ajustar diseños, texto o espaciado. También es una buena opción si prefieres bucles de retroalimentación visual pero necesitas que el resultado final sea código limpio y local en lugar de maquetas de diseño.