Inspector

O que é o Inspector?

O Inspector é um editor visual que elimina a distância entre design e código ao conectar-se diretamente ao seu agente de codificação de IA. Em vez de descrever alterações em texto ou passar por um processo de entrega de design, você clica em qualquer elemento da sua interface ao vivo, ajusta-o visualmente, e o Inspector escreve a alteração correspondente diretamente no seu código. Funciona com agentes de IA populares como Claude Code, Codex e Cursor, transformando edições visuais em commits de código reais.

Para quem é

• Desenvolvedores front-end que desejam iterar em mudanças de UI mais rapidamente, sem alternar entre ferramentas de design e editores de código.
• Engenheiros de design que precisam de uma forma direta de traduzir ajustes visuais em código pronto para produção, sem reimplementação manual.
• Fundadores solo e pequenas equipes que dependem de agentes de codificação de IA e desejam um fluxo de trabalho contínuo, do ajuste visual ao push no repositório.

Principais recursos

Edição visual no navegador

Clique em qualquer elemento da sua interface em execução para selecioná-lo, depois mova-o, redimensione-o ou edite o texto diretamente. O Inspector traduz cada ação visual na alteração de código correspondente, para que você nunca precise procurar em arquivos para encontrar a linha certa.

Integração com agente de IA

O Inspector conecta-se ao seu agente de IA existente — Claude Code, Codex ou Cursor. Quando você faz uma edição visual, o agente recebe o contexto e escreve a alteração no seu código local. Isso significa que seu agente permanece no loop e pode lidar com lógicas mais complexas em torno do ajuste visual.

Operação totalmente local

Tudo é executado na sua máquina. O Inspector conecta-se a qualquer código local sem enviar seu código ou dados de UI para servidores externos. Seu trabalho permanece privado e não há dependência de infraestrutura em nuvem para o fluxo de edição.

Aplicativo nativo para macOS

O Inspector está disponível como um aplicativo nativo para macOS, proporcionando uma experiência suave e de baixa latência para desenvolvedores que trabalham em hardware Apple.

O que se destaca

O Inspector transforma seu navegador em um editor de código — clique, ajuste e faça push sem nunca sair da interface.

A maioria dos editores visuais gera arquivos de design abstratos ou exporta ativos estáticos. O Inspector vai além ao escrever alterações de código reais através do seu agente de IA. Isso elimina completamente a tradicional transição do design para o desenvolvimento. Você permanece no mesmo ambiente onde testa e visualiza seu trabalho, e as atualizações de código são refletidas imediatamente no seu repositório. É um atalho prático para quem deseja passar de uma ideia visual para um código commitado em segundos.

Vale a pena conferir se…

Você usa agentes de codificação de IA como Claude Code, Codex ou Cursor e deseja uma forma mais rápida de fazer alterações no front-end. O Inspector é especialmente útil se você se pega constantemente alternando entre um inspetor de navegador e um editor de código para ajustar layouts, textos ou espaçamentos. Também é uma boa opção se você prefere ciclos de feedback visual, mas precisa que o resultado final seja um código limpo e local, em vez de maquetes de design.