Detectar cambios visuales del diseño usando IA y capturas automáticas
Descripción del flujo de trabajo
Automatización programada que captura pantallazos de sitios web mediante Apify, los analiza con la visión de Gemini para detectar desviaciones visuales no intencionales, procesa resultados en lotes y registra hallazgos en Google Sheets mientras crea problemas rastreados en Linear.
Cómo funciona
- 1.Ejecutar según cronograma y obtener URLs de prueba desde carpeta de Google Drive
- 2.Enviar cada URL a Apify para capturar pantallazos de alta calidad del sitio web
- 3.Analizar imágenes capturadas usando el modelo Gemini Vision para identificar discrepancias
- 4.Filtrar hallazgos relevantes y estructurar resultados mediante el analizador
- 5.Registrar cambios detectados en Google Sheets y crear problemas correspondientes en Linear
Casos de uso
- Equipos de desarrollo verifican que ningún diseño se rompa tras cada despliegue
- Departamentos de QA escanean automáticamente decenas de páginas diariamente
- Gerentes de proyectos rastrean todos los problemas visuales en una hoja centralizada
Requisitos
- Cuenta activa en Apify con clave API válida y permisos de captura de pantalla
- Proyecto Google Cloud con Gemini API habilitada y autorización de Sheets
- Espacio de trabajo Linear conectado con permisos para crear problemas y tareas
- Archivo Google Sheets compartido configurado para recibir y almacenar resultados
Valor del servicio
Ideal como servicio de automatización inteligente que combina integraciones e inteligencia artificial para producir resultados listos para usar.
Aplicaciones utilizadas
Detalles
Cómo usar
- 1.Haz clic en "Descargar plantilla"
- 2.Abre tu panel de n8n
- 3.Ve a Workflows > Import from File
- 4.Selecciona el archivo descargado y configura las credenciales
Nodos utilizados (34)
Base Image
Google Drive
Google Gemini Chat Model
Gemini Model
Structured Output Parser
Output Parser Structured
Sticky Note
Sticky Note
Sticky Note1
Sticky Note
Sticky Note2
Sticky Note
Sticky Note3
Sticky Note
Loop Over Items
Split In Batches
Wait
Wait
Download Screenshot
HTTP Request
Upload to Drive
Google Drive
Update Base Image
Google Sheets
Merge
Merge
Schedule Trigger
Schedule Trigger
Get URLs with Missing Base Images
Google Sheets
Run Webpage Screenshot
HTTP Request
Run Webpage Screenshot1
HTTP Request
Has Changes
Filter
Combine Row and Result
Set
Wait1
Wait
Aggregate
Aggregate
Create Report
Linear
When clicking ‘Test workflow’
Manual Trigger
Get Webpages List
Google Sheets
For Each Webpage...
Split In Batches
Sticky Note4
Sticky Note
Sticky Note5
Sticky Note
Sticky Note6
Sticky Note
Sticky Note7
Sticky Note
Download New Screenshot
HTTP Request
Combine Screenshots
Merge
Sticky Note8
Sticky Note
Sticky Note9
Sticky Note
Visual Regression Agent
LLM Chain