Scenario 01
Documentación de QA
La tarea del agente implica capturar el estado actual de un flujo de UI para un informe de QA.
Captura el estado actual de nuestro flujo de pago para el informe de QA.
Website Screenshot Agent Skill for Google Antigravity
El Browser Subagent de Antigravity puede controlar Chrome — pero capturar, anotar y organizar capturas de pantalla en un informe estructurado es un trabajo distinto. Website Screenshot Agent lee un plan de captura en Markdown, visita cada URL, toma capturas de pantalla, gestiona páginas autenticadas y ensambla un informe documentado que el equipo puede revisar y compartir.
Cómo funciona
Tareas del agente que activan doc-screenshot-agent automáticamente
Estos son los prompts en los que el Agent Manager de Antigravity enruta a doc-screenshot-agent — cuando la tarea necesita evidencia visual, no solo texto.
01 · Usuario
Prompt enviado
Escribes una tarea en Antigravity. No se necesita sintaxis especial.
02 · Agent Manager
Análisis de la tarea
Gemini 3 planifica la tarea y detecta el riesgo de corte de conocimiento.
03 · Enrutador SKILL.md
Coincidencia semántica
La descripción SKILL.md coincide con la tarea. El skill se carga.
04 · Habilidad
Ejecución de la habilidad
El skill coincidente se ejecuta y obtiene o procesa los datos.
05 · Salida
Respuesta citada en línea
Respuesta estructurada con enlaces de fuentes devuelta al agente.
Scenario 02
Comparación antes/después
El agente necesita documentar un cambio de UI con evidencia visual.
Captura la página de inicio de sesión antes y después del rediseño para las notas de versión.
Scenario 03
Análisis de UI de competidor
La tarea del agente implica capturar y analizar la UI de un competidor para una revisión de diseño.
Captura la página de detalle de issue de Linear y extrae los patrones de UI utilizados.
Cómo funciona
Lo que doc-screenshot-agent añade a Antigravity
Seis capacidades que permiten a los agentes capturar y razonar sobre evidencia visual sin salir del IDE.
Captura de evidencia visual
El agente captura capturas de pantalla de cualquier URL como parte de una tarea de documentación o QA.
Captura a nivel de elemento
Apunta a elementos de UI específicos o secciones de página — no solo capturas de pantalla completas.
Captura de pantalla a texto
Extrae texto legible de las capturas de pantalla para un razonamiento adicional del agente.
Comparación antes/después
El agente captura estados antes y después de un cambio para documentación de diferencias visuales.
Almacenamiento de artefactos
Las capturas de pantalla se almacenan y se referencian por URL en la salida del agente.
Enrutamiento automático SKILL.md
Se activa cuando la tarea del agente involucra documentación visual, QA o verificación de UI.
Casos de uso
Tareas reales, flujos de trabajo reales
Cómo los desarrolladores usan este skill dentro de Antigravity — desde búsquedas rápidas hasta flujos de trabajo complejos de varios pasos.
01
Documentación de QA
La tarea del agente implica capturar el estado actual de un flujo de UI para un informe de QA.
❯Captura el estado actual de nuestro flujo de pago para el informe de QA.
02
Comparación antes/después
El agente necesita documentar un cambio de UI con evidencia visual.
❯Captura la página de inicio de sesión antes y después del rediseño para las notas de versión.
03
Análisis de UI de competidor
La tarea del agente implica capturar y analizar la UI de un competidor para una revisión de diseño.
❯Captura la página de detalle de issue de Linear y extrae los patrones de UI utilizados.
Installation
Tres pasos para captura visual estructurada dentro de Antigravity
Una vez instalado, el Agent Manager activa doc-screenshot-agent cuando una tarea requiere evidencia visual — el agente lee un plan de captura y produce un informe documentado automáticamente.
Método 1 · Terminal
Instalar desde la línea de comandos
Clona el repositorio de skills de Felo y copia el skill en tu directorio global de skills de Antigravity.
# Clone the Felo skills repository
git clone https://github.com/Felo-Inc/felo-skills.git
# Copy this skill to your global Antigravity skills folder
cp -r felo-skills/doc-screenshot-agent ~/.gemini/antigravity/skills/Se instala en ~/.gemini/antigravity/skills/ — disponible en todos tus proyectos
Método 2 · Prompt de agente
Deja que el agente lo instale por ti
Pega este prompt directamente en Antigravity. El agente clona el repositorio y copia el skill automáticamente.
Pegar en Antigravity
Instala https://github.com/Felo-Inc/felo-skills en mi directorio global de skills de Antigravity.
El agente se encarga de clonar, copiar y configurar el directorio — sin necesidad de terminal
1
Copia el skill en .agent/skills/
Clona el repositorio de skills de Felo y copia doc-screenshot-agent en .agent/skills/ para acceso de todo el equipo mediante Git. La descripción SKILL.md lo activa para tareas que requieren captura visual de páginas o documentación de UI.
2
Escribe un plan de captura en Markdown
Crea un archivo .md con las URLs, secciones y evidencias que quieres capturar. El skill lee el plan, visita cada página en orden y organiza las capturas según tus instrucciones — incluyendo páginas autenticadas cuando las credenciales están configuradas.
3
El agente entrega un informe visual estructurado
El skill produce un informe en Markdown con capturas incrustadas, organizadas según tu plan de captura. El Agent Manager puede incluir este informe en un entregable más amplio — un análisis competitivo, un resumen de QA, una revisión de diseño — sin ningún trabajo manual de capturas.
Sin configuración necesaria. El archivo SKILL.md dentro de la carpeta del skill le indica al Agent Manager de Antigravity cuándo activarlo. Una vez que la carpeta está en su lugar, el agente enruta hacia el skill automáticamente según tu prompt.
FAQ
Website Screenshot Agent en Google Antigravity — FAQ
El Browser Subagent es interactivo — hace clic, se desplaza y responde a las instrucciones del agente en tiempo real. doc-screenshot-agent está orientado a lotes: dale un plan de captura en Markdown y ejecuta la lista completa, produciendo un informe estructurado. Es más adecuado para tareas de documentación sistemática donde sabes exactamente qué necesitas capturar.
Dale a los agentes de Antigravity una capa de evidencia visual para auditorías, revisiones y monitoreo
Instala doc-screenshot-agent en .agent/skills/ y deja que el Agent Manager capture, anote e informe sobre páginas web como parte de cualquier flujo de investigación o QA.
Una API key. Confirma en .agent/skills/ y tus agentes pueden documentar la web visual — páginas autenticadas incluidas.
Más habilidades de Antigravity
Amplía tu agente con más skills
Felo Web Fetch
Proporciona a los agentes contenido limpio de la página, no HTML sin procesar
Felo LiveDoc
Dota a cada tarea del agente de una base de conocimiento fundamentada
Felo X Búsqueda
Permite a los agentes leer señales sociales en vivo en X antes de publicar
Felo Diapositivas
Convierte la investigación del agente directamente en presentaciones