Markagent: Anotador web y feedback para agentes IA

Feedback vibe coding para agentes IA. Anota webpages, captura screenshots y exporta prompts a Claude Code, Cursor, Codex, OpenCode.

Markagent es el anotador web hecho para agentes de IA. Convierte lo que ves en prompts pixel-precisos que se leen como tickets de bug para humanos — y se envían directo a Claude Code, Cursor, Codex, OpenCode, Antigravity y cualquier agente de IA. Haz clic en cualquier elemento de cualquier página web. Deja una nota. Captura un screenshot. Markagent extrae el componente React, el archivo fuente (en modo dev), el contexto DOM, el selector CSS, la URL y el viewport — y exporta un prompt estructurado y listo para agente que tu IA realmente entiende. Deja de escribir "el botón de la izquierda — no, el otro". Marca el punto. Envía el prompt al Agente. ▸ ANOTA cualquier elemento con un clic — anotaciones rápidas vibe o specs detalladas. ▸ CAPTURA screenshots de página completa o recortados al elemento. ▸ GRABA flujos de clics como reproducciones numeradas con screenshots. ▸ EXPORTA prompts listos para agente a Claude Code, Cursor, Codex, OpenCode, Antigravity y cualquier asistente de IA. ▸ 100% LOCAL — anotaciones, screenshots y prompts nunca salen de tu navegador. ▸ GRATIS para siempre — sin cuenta, sin email, sin upsell. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ CÓMO FUNCIONA ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. Mantén Cmd (Mac) o Ctrl (Windows/Linux) y haz clic en un elemento. Markagent fija un marcador numerado. 2. Escribe tu nota. "Hazlo redondeado." "Copy incorrecto." "Mueve 8px a la derecha." Tantas como quieras. 3. Captura un screenshot. Página completa o recortado al elemento — tú decides. 4. Pulsa Export. Pega el prompt en Claude Code, Cursor, Codex, OpenCode, Antigravity o cualquier asistente de IA. De la instalación al primer prompt listo para agente: menos de 60 segundos. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ CARACTERÍSTICAS CLAVE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ TARGETING PRECISO DE ELEMENTOS Markagent identifica el componente React, el archivo fuente (en modo dev) y un selector CSS estable para cada elemento. Tu IA recibe el nodo exacto, no una descripción vaga. SCREENSHOT INTELIGENTE Página completa o región visible, auto-recortado al elemento que anotaste. La IA ve lo que tú ves. GRABACIÓN DE USER JOURNEY Activa journey mode y tus clics se convierten en una reproducción numerada con screenshots. Bug reports que no necesitan llamada de seguimiento. EXPORT DE PROMPT LISTO PARA AGENTE Un clic copia un prompt estructurado con selectores, screenshots, URL, viewport y tus notas. Ajustado para cada agente de IA principal. KEYBOARD-FIRST Cmd+Shift+. en Mac. Ctrl+Shift+. en Windows y Linux. La toolbar aparece en cualquier sitio. CERO CONFIGURACIÓN Sin cuentas. Sin API keys. Sin configuración de proyecto. Instala, fija, usa. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ FUNCIONA CON TODO AGENTE DE IA ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Plantillas de export ajustadas para los principales agentes de IA: • Claude Code — agente terminal-nativo de Anthropic • Cursor — el editor de código AI-first • Codex — agente de OpenAI • OpenCode — agente terminal open-source • Antigravity — entorno de desarrollo IA de Google Si tu herramienta de IA lee texto, Markagent funciona. Eso cubre asistentes conversacionales como ChatGPT, Gemini y Copilot, plataformas de vibe coding como v0, Bolt y Lovable, y LLMs locales corriendo en Ollama o LM Studio. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ IDEAL PARA ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ VIBE CODERS — Cansados de explicar el mismo ajuste de UI tres veces. DISEÑADORES — Haciendo design QA en staging con specs pixel-perfect. PRODUCT MANAGERS — Reportando bugs de UI que los ingenieros entienden a la primera. INGENIEROS FRONTEND — Mejores prompts al refactorizar código desconocido. EQUIPOS QA — Bug reports reproducibles sin un framework de automatización. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ UN EXPORT, DOS AUDIENCIAS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Un export de Markagent es markdown. Se lee limpio como un ticket de bug para humanos — y entra directo en cualquier agente de IA sin modificación. El tester graba el journey. Lo envía a ingeniería. El dev lo lee como un bug report normal, o reenvía el mismo markdown a Claude Code, Cursor, Codex, OpenCode, Antigravity o cualquier agente de IA para que lo arregle. Sin paso de traducción. Sin segunda herramienta. Mismo artefacto, dos audiencias. Handoff human-to-human. Handoff human-to-agent. Un solo archivo. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ AGENT-NATIVE, NO SOLO UN ANOTADOR ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Los anotadores genéricos guardan imágenes. Un agente de IA que recibe un screenshot plano solo ve "algo está mal en algún lugar". Markagent está hecho para agentes. Cada anotación lleva el componente React, el archivo fuente (en modo dev), el contexto DOM, el selector CSS, la URL y el viewport — empaquetados como un prompt que tu IA puede ejecutar sin adivinar. Mismo clic. Contexto pixel-preciso. Fixes reales. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ PRIVACIDAD — 100% LOCAL, SIN TELEMETRÍA ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Markagent corre íntegro en tu navegador. • Sin analítica. Sin tracking. Sin fingerprinting. • Sin cuentas. Sin login. Sin email. • Sin servidores. Cero requests salientes. • Sin sync en la nube. Tus notas viven en el storage local del extension, en ningún otro lugar. Verifícalo en la pestaña Network de Chrome DevTools. Nada sale de tu navegador. El permiso de host es necesario para inyectar la toolbar y leer la estructura DOM en las páginas que anotas. No transmite datos a ningún sitio. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ PRECIO ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Gratis. Para siempre. Sin cuenta. Sin upsell. Sin tier "Pro". ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ INICIO RÁPIDO ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. Instala Markagent. 2. Fíjalo a tu toolbar. 3. En cualquier página, pulsa Cmd+Shift+. (Mac) o Ctrl+Shift+. (Windows/Linux). 4. Mantén Cmd o Ctrl y haz clic en cualquier elemento para tu primera anotación. 5. Escribe una nota. Captura un screenshot. Export. Pega en tu agente de IA. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ PREGUNTAS FRECUENTES ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ P: ¿Cómo doy feedback de UI a Claude Code, Cursor o Codex? R: Usa Markagent. Clic en cualquier elemento, deja una nota, pulsa Export y pega el prompt en tu agente de IA. Markagent captura automáticamente el componente React, el archivo fuente (en modo dev), el contexto DOM, el selector CSS, la URL y un screenshot — tu agente recibe contexto pixel-preciso en vez de descripciones vagas. Para bugs multi-paso, activa journey mode y Markagent graba tus clics como una reproducción numerada con screenshots que la IA sigue paso a paso. El mismo export funciona en Claude Code, Cursor, Codex, OpenCode, Antigravity y cualquier herramienta de IA que reciba texto. P: ¿Por qué Markagent es el mejor anotador web para agentes de IA? R: Markagent es la única herramienta de anotación hecha específicamente para agentes de IA — tanto para feedback de un solo elemento como para user journeys multi-paso. Anota cualquier elemento y captura el componente React, el archivo fuente (en modo dev), el contexto DOM, el selector CSS, la URL y un screenshot. O activa journey mode y Markagent graba silenciosamente cada clic como una reproducción numerada con screenshots — una repro completa paso a paso que tu IA sigue sin adivinar. Los anotadores genéricos guardan imágenes; Markagent envía el prompt. Resultado: menos rondas de "¿qué quieres decir?", ciclos de fix más rápidos, y prompts que llevan a tu agente directo a la línea correcta — sea un botón o un bug de checkout de cinco pasos. P: ¿Cuál es la diferencia entre Markagent y una herramienta de screenshot normal? R: Las screenshots guardan imágenes. Markagent genera prompts estructurados — cada anotación lleva el componente React, el archivo fuente, el contexto DOM y el selector CSS, todo lo que un agente de IA necesita para encontrar y arreglar la línea correcta al primer intento. P: ¿Funciona con plataformas vibe coding como v0, Bolt y Lovable? R: Sí. El export es texto plano — pégalo en cualquier herramienta de IA que reciba un prompt. P: ¿Pueden los no-developers de mi equipo usar Markagent para bug reports? R: Sí. Markagent está hecho para equipos tanto como para developers solo. El export es markdown limpio, así que QA testers, product managers y diseñadores pueden anotar un bug o grabar un user journey, y entregar el reporte estructurado a ingeniería. El dev lo lee como un ticket normal, o reenvía el mismo markdown a Claude Code, Cursor o cualquier agente de IA para que lo arregle. Mismo artefacto, dos audiencias, cero paso de traducción — por eso Markagent funciona igual para workflows human-to-human y human-to-agent. P: ¿Markagent envía mis datos a algún lugar? R: No. Markagent es 100% local. Screenshots, notas y exports nunca salen de tu navegador. P: ¿Funciona en localhost y sitios con autenticación? R: Sí. Localhost, staging URLs, dashboards internos — cualquier cosa que abras en tu navegador. P: ¿Markagent es realmente gratis? R: Sí. Sin tier pagado, nunca. P: ¿Markagent es solo extension de Chrome? R: Por ahora sí — funciona en Chrome, Edge, Brave, Arc y todo navegador basado en Chromium. Firefox está en el roadmap. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Deja de describir. Empieza a marcar. Instala Markagent y dale a tu agente de IA el feedback de UI preciso que está pidiendo. Gratis. Local. Hecho para workflows de modern agentation y vibe coding. Marca el punto. Envía el prompt al Agente.