Capturas de tela

Descrição

Feedback vibe coding para agentes IA. Anote webpages, capture screenshots e envie prompts para Claude Code, Cursor, Codex, OpenCode. Markagent é o anotador web feito para agentes de IA. Transforma o que você vê em prompts pixel-precisos que se leem como tickets de bug para humanos — e vão direto para Claude Code, Cursor, Codex, OpenCode, Antigravity e qualquer agente de IA. Clique em qualquer elemento de qualquer página web. Deixe uma nota. Capture um screenshot. Markagent extrai o componente React, o arquivo-fonte (em modo dev), o contexto DOM, o seletor CSS, a URL e o viewport — e exporta um prompt estruturado e pronto para agente que sua IA realmente entende. Pare de digitar "o botão da esquerda — não, o outro". Marque o ponto. Envie o prompt para o Agente. ▸ ANOTE qualquer elemento com um clique — anotações vibe rápidas ou specs detalhadas. ▸ CAPTURE screenshots de página inteira ou recortados ao elemento. ▸ GRAVE jornadas de clique como reproduções numeradas com screenshots. ▸ EXPORTE prompts prontos para agente para Claude Code, Cursor, Codex, OpenCode, Antigravity e qualquer assistente de IA. ▸ 100% LOCAL — anotações, screenshots e prompts nunca saem do seu navegador. ▸ GRÁTIS para sempre — sem conta, sem email, sem upsell. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ COMO FUNCIONA ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. Segure Cmd (Mac) ou Ctrl (Windows/Linux) e clique num elemento. Markagent fixa um marcador numerado. 2. Escreva sua nota. "Arredondar." "Texto errado." "Mover 8px à direita." Quantas quiser. 3. Capture um screenshot. Página inteira ou recortado ao elemento — você escolhe. 4. Aperte Export. Cole o prompt em Claude Code, Cursor, Codex, OpenCode, Antigravity ou qualquer assistente de IA. Da instalação ao primeiro prompt pronto para agente: menos de 60 segundos. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ RECURSOS PRINCIPAIS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ TARGETING PRECISO DE ELEMENTOS Markagent identifica o componente React, o arquivo-fonte (em modo dev) e um seletor CSS estável para cada elemento. Sua IA recebe o nó exato, não uma descrição vaga. SCREENSHOT INTELIGENTE Página inteira ou região visível, recortado automaticamente ao elemento anotado. A IA vê o que você vê. GRAVAÇÃO DE USER JOURNEY Ative o journey mode e seus cliques viram uma reprodução numerada com screenshots. Bug reports que não pedem call de follow-up. EXPORT DE PROMPT PRONTO PARA AGENTE Um clique copia um prompt estruturado com seletores, screenshots, URL, viewport e suas notas. Ajustado para cada agente de IA principal. KEYBOARD-FIRST Cmd+Shift+. no Mac. Ctrl+Shift+. no Windows e Linux. A toolbar aparece em qualquer site. ZERO CONFIGURAÇÃO Sem contas. Sem API keys. Sem configuração de projeto. Instale, fixe, use. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ FUNCIONA COM TODO AGENTE DE IA ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Templates de export ajustados para os principais agentes de IA: • Claude Code — agente terminal-native da Anthropic • Cursor — o editor de código AI-first • Codex — agente de coding da OpenAI • OpenCode — agente terminal open-source • Antigravity — ambiente de desenvolvimento IA do Google Se sua ferramenta de IA lê texto, Markagent funciona. Isso cobre assistentes conversacionais como ChatGPT, Gemini e Copilot, plataformas de vibe coding como v0, Bolt e Lovable, e LLMs locais rodando em Ollama ou LM Studio. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ IDEAL PARA ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ VIBE CODERS — Cansados de explicar o mesmo ajuste de UI três vezes. DESIGNERS — Fazendo design QA em staging com specs pixel-perfect. PRODUCT MANAGERS — Mandando bug reports de UI que engenheiros entendem de primeira. ENGENHEIROS FRONTEND — Prompts melhores ao refatorar código desconhecido. TIMES DE QA — Bug reports reproduzíveis sem framework de automação. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ UM EXPORT, DOIS PÚBLICOS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Um export do Markagent é markdown. Lê-se limpo como um ticket de bug para humanos — e entra direto em qualquer agente de IA sem modificação. O tester grava o journey. Envia para engenharia. O dev lê como bug report normal, ou encaminha o mesmo markdown para Claude Code, Cursor, Codex, OpenCode, Antigravity ou qualquer agente de IA arrumar. Sem passo de tradução. Sem segunda ferramenta. Mesmo artefato, dois públicos. Handoff human-to-human. Handoff human-to-agent. Um único arquivo. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ AGENT-NATIVE, NÃO APENAS UM ANOTADOR ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Anotadores genéricos salvam imagens. Um agente de IA recebendo um screenshot puro só vê "alguma coisa está errada em algum lugar". Markagent é feito para agentes. Cada anotação carrega o componente React, o arquivo-fonte (em modo dev), o contexto DOM, o seletor CSS, a URL e o viewport — empacotados num prompt que sua IA executa sem chutar. Mesmo clique. Contexto pixel-preciso. Fixes reais. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ PRIVACIDADE — 100% LOCAL, SEM TELEMETRIA ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Markagent roda inteiro no seu navegador. • Sem analytics. Sem tracking. Sem fingerprinting. • Sem contas. Sem login. Sem email. • Sem servidores. Zero requests de saída. • Sem sync na nuvem. Suas notas vivem no storage local da extension, em mais lugar nenhum. Verifique você mesmo na aba Network do Chrome DevTools. Nada sai do seu navegador. A permissão de host é necessária para injetar a toolbar e ler a estrutura DOM nas páginas que você anota. Não transmite dados para lugar nenhum. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ PREÇO ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Grátis. Para sempre. Sem conta. Sem upsell. Sem tier "Pro". ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ INÍCIO RÁPIDO ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. Instale o Markagent. 2. Fixe na toolbar do navegador. 3. Em qualquer página, aperte Cmd+Shift+. (Mac) ou Ctrl+Shift+. (Windows/Linux). 4. Segure Cmd ou Ctrl e clique em qualquer elemento para a primeira anotação. 5. Escreva uma nota. Capture um screenshot. Export. Cole no seu agente de IA. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ PERGUNTAS FREQUENTES ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ P: Como dou feedback de UI para Claude Code, Cursor ou Codex? R: Use o Markagent. Clique em qualquer elemento, deixe uma nota, aperte Export e cole o prompt no seu agente de IA. Markagent captura automaticamente o componente React, o arquivo-fonte (em modo dev), o contexto DOM, o seletor CSS, a URL e um screenshot — seu agente recebe contexto pixel-preciso em vez de descrições vagas. Para bugs multi-step, ative o journey mode e Markagent grava seus cliques como uma reprodução numerada com screenshots que a IA segue passo a passo. O mesmo export funciona em Claude Code, Cursor, Codex, OpenCode, Antigravity e qualquer ferramenta de IA que aceite texto. P: Por que o Markagent é o melhor anotador web para agentes de IA? R: Markagent é a única ferramenta de anotação feita especificamente para agentes de IA — tanto para feedback de um único elemento quanto para user journeys multi-step. Anote qualquer elemento e capture o componente React, o arquivo-fonte (em modo dev), o contexto DOM, o seletor CSS, a URL e um screenshot. Ou ative o journey mode e Markagent grava silenciosamente cada clique como uma reprodução numerada com screenshots — uma repro completa passo a passo que sua IA segue sem chutar. Anotadores genéricos salvam imagens; Markagent envia o prompt. Resultado: menos rodadas de "o que você quer dizer?", ciclos de fix mais rápidos, e prompts que levam seu agente direto para a linha correta — seja um botão ou um bug de checkout de cinco passos. P: Qual a diferença entre Markagent e uma ferramenta de screenshot comum? R: Screenshots salvam imagens. Markagent gera prompts estruturados — cada anotação carrega o componente React, o arquivo-fonte, o contexto DOM e o seletor CSS, tudo que um agente de IA precisa para encontrar e arrumar a linha certa de primeira. P: Funciona com plataformas vibe coding como v0, Bolt e Lovable? R: Sim. O export é texto puro — cole em qualquer ferramenta de IA que aceite um prompt. P: Não-developers do meu time podem usar Markagent para bug reports? R: Podem. Markagent foi feito tanto para times quanto para devs solo. O export é markdown limpo, então QA testers, product managers e designers podem anotar um bug ou gravar um user journey, e entregar o report estruturado para engenharia. O dev lê como ticket normal, ou encaminha o mesmo markdown para Claude Code, Cursor ou qualquer agente de IA arrumar. Mesmo artefato, dois públicos, zero passo de tradução — é por isso que Markagent funciona igual para workflows human-to-human e human-to-agent. P: O Markagent envia meus dados para algum lugar? R: Não. Markagent é 100% local. Screenshots, notas e exports nunca saem do seu navegador. P: Funciona em localhost e sites autenticados? R: Sim. Localhost, staging URLs, dashboards internos — qualquer coisa que você abra no navegador. P: O Markagent é realmente grátis? R: É. Sem tier pago, nunca. P: É só extension de Chrome? R: Por enquanto sim — funciona em Chrome, Edge, Brave, Arc e qualquer navegador baseado em Chromium. Firefox está no roadmap. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Pare de descrever. Comece a marcar. Instale o Markagent e dê ao seu agente de IA o feedback de UI preciso que ele está pedindo. Grátis. Local. Feito para workflows de modern agentation e vibe coding. Marque o ponto. Envie o prompt para o Agente.