Inspector - Edita tu front-end, visualmente.

Inspector es una herramienta de edición visual diseñada para el desarrollo front-end, permitiendo a los usuarios editar su base de código directamente a través de una interfaz de navegador. Se conecta sin problemas con agentes de codificación populares como Claude Code, Codex y Cursor, lo que permite a desarrolladores y diseñadores realizar cambios de manera visual y eficiente. La herramienta está disponible para MacOS y enfatiza el almacenamiento local de datos para la privacidad.

1. Editor Visual

   Inspector proporciona una capa visual para tu base de código, permitiendo a los usuarios mover elementos, editar texto y dejar comentarios directamente en la página. Esta característica simplifica el proceso de edición y mejora la productividad.

2. Conecta tu Agente

   Los usuarios pueden conectar sus cuentas de Claude Code, Codex o Cursor a Inspector, integrando sus agentes de codificación preferidos para un flujo de trabajo optimizado.

3. Conexión a la Base de Código Local

   Inspector se conecta a cualquier base de código local, lo que lo hace versátil y adaptable para varios proyectos.

4. Capturas de Pantalla Conscientes de la Página

   La herramienta permite a los usuarios tomar capturas de pantalla que se ajustan a cualquier elemento en la página, proporcionando contexto para los cambios y documentación.

5. Edición Directa de Código

   Los usuarios pueden hacer doble clic para editar texto en la página, con cambios guardados directamente en la base de código, asegurando una transición fluida de ediciones visuales a actualizaciones de código.

6. Integración con GitHub

   Inspector se conecta a GitHub, permitiendo a los usuarios crear ramas, confirmar cambios y publicar solicitudes de extracción directamente desde la plataforma.

1. Descarga Inspector y selecciona tu base de código o comienza desde una plantilla para comenzar a editar.
2. Conéctate a tu agente de codificación preferido (Claude, Codex o Cursor) para una funcionalidad mejorada.
3. Utiliza el editor visual para mover elementos y aplicar cambios directamente a tu base de código.
4. Aprovecha las capturas de pantalla conscientes de la página para un mejor contexto al documentar cambios.
5. Asegúrate de confirmar tus cambios y publicar solicitudes de extracción a través de la función integrada de GitHub.

¿Se requiere alguna configuración?

No se necesita configuración. Simplemente descarga Inspector, selecciona tu base de código o comienza desde una plantilla para comenzar.

¿Es esto un navegador o un IDE?

Inspector funciona como un IDE basado en navegador, permitiendo a los usuarios seleccionar elementos visualmente, moverlos y aplicar cambios directamente al código.

¿Cómo empiezo?

Descarga Inspector, conéctate a tu agente de codificación y abre un proyecto localmente para comenzar a editar.

¿Se admite Windows?

Actualmente, Windows no es compatible, pero los usuarios pueden unirse a una lista de espera para futuras actualizaciones.

¿Cómo publico mis cambios?

Inspector se integra con GitHub, permitiendo a los usuarios crear ramas, confirmar cambios y publicar solicitudes de extracción directamente desde la herramienta.

¿Pueden los diseñadores usar Inspector?

Sí, muchos diseñadores utilizan Inspector para implementar cambios en bases de código de producción de manera efectiva.

¿Funciona esto con cualquier marco front-end?

Inspector funciona mejor con aplicaciones React, vinculando elementos visuales directamente al código de React, pero también se puede usar con otros marcos front-end.

Los datos de precios no están disponibles aún, por favor visita el sitio web oficial para verificar.

1. Inspector ofrece una interfaz fácil de usar que simplifica el desarrollo front-end, haciéndolo accesible tanto para desarrolladores como para diseñadores.
2. La integración con agentes de codificación populares mejora su funcionalidad, permitiendo un flujo de trabajo más eficiente.
3. Sin embargo, la actual falta de soporte para Windows puede limitar su base de usuarios, ya que muchos desarrolladores trabajan en esa plataforma.
4. Aunque la herramienta destaca en la edición visual, los usuarios pueden necesitar familiarizarse con la estructura de código subyacente para maximizar su potencial.
5. En general, Inspector es una herramienta prometedora para la edición visual front-end, pero expandir su compatibilidad y características podría mejorar aún más su atractivo.