Agentic Sniper
Selecione uma região de qualquer projeto frontend e gere um payload determinístico com screenshot, coordenadas e contexto do DOM para orientar alterações precisas por agentes de código.
Projetos frontend mudam com rapidez, mas orientar uma alteração por IA ainda costuma depender de contexto incompleto: um screenshot isolado não informa qual elemento deve ser alterado, onde ele está na página ou quais relações do DOM precisam ser preservadas. O Agentic Sniper foi criado para transformar essa seleção visual em um contexto determinístico e reutilizável por agentes de código.
Como aplicação desktop, ele abre uma pasta de projeto e identifica se deve trabalhar com um servidor de desenvolvimento ou com uma build estática, reconhecendo estruturas baseadas em Vite, Next.js e Create React App. O processo principal inicia o ambiente quando necessário, descobre a URL efetiva e a exibe em um BrowserView com escala 1:1, mantendo a referência visual da interface.
No modo Snipe, o usuário desenha um retângulo sobre a área desejada. O renderer combina a seleção com scroll e device pixel ratio, captura a imagem, executa uma extração controlada no documento e reúne o alvo principal, elementos de contexto, seletores CSS, classes, texto e estilos relevantes. Esses dados são organizados junto das informações do projeto e da página em um payload compacto, salvo temporariamente no projeto e referenciado no terminal embutido.
O resultado é um fluxo mais reproduzível para alterações de frontend: o agente recebe uma indicação visual acompanhada de coordenadas e contexto estrutural, reduzindo a necessidade de adivinhação antes de editar. O MVP também deixa preparada a evolução para extração via CDP, captura de página inteira, mapeamento de arquivos por sourcemap, chat com IA e um sistema de plugins.