Agentes de IA

Detectar cambios visuales del diseño usando IA y capturas automáticas

34 nodos 347 177 Scheduled trigger
Descargar

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. 1.Ejecutar según cronograma y obtener URLs de prueba desde carpeta de Google Drive
  2. 2.Enviar cada URL a Apify para capturar pantallazos de alta calidad del sitio web
  3. 3.Analizar imágenes capturadas usando el modelo Gemini Vision para identificar discrepancias
  4. 4.Filtrar hallazgos relevantes y estructurar resultados mediante el analizador
  5. 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

Google Drive Gemini Output Parser Split In Batches Google Sheets Linear LLM Chain

Detalles

Disparador Scheduled trigger
Nodos 34
Aplicaciones 7
Vistas 347
Descargas 177

Cómo usar

  1. 1.Haz clic en "Descargar plantilla"
  2. 2.Abre tu panel de n8n
  3. 3.Ve a Workflows > Import from File
  4. 4.Selecciona el archivo descargado y configura las credenciales

Nodos utilizados (34)

/

Base Image

Google Drive

#1

Google Gemini Chat Model

Gemini Model

#2

Structured Output Parser

Output Parser Structured

#3

Sticky Note

Sticky Note

#4

Sticky Note1

Sticky Note

#5

Sticky Note2

Sticky Note

#6

Sticky Note3

Sticky Note

#7

Loop Over Items

Split In Batches

#8

Wait

Wait

#9

Download Screenshot

HTTP Request

#10

Upload to Drive

Google Drive

#11

Update Base Image

Google Sheets

#12

Merge

Merge

#13

Schedule Trigger

Schedule Trigger

#14

Get URLs with Missing Base Images

Google Sheets

#15

Run Webpage Screenshot

HTTP Request

#16

Run Webpage Screenshot1

HTTP Request

#17

Has Changes

Filter

#18

Combine Row and Result

Set

#19

Wait1

Wait

#20

Aggregate

Aggregate

#21

Create Report

Linear

#22

When clicking ‘Test workflow’

Manual Trigger

#23

Get Webpages List

Google Sheets

#24

For Each Webpage...

Split In Batches

#25

Sticky Note4

Sticky Note

#26

Sticky Note5

Sticky Note

#27

Sticky Note6

Sticky Note

#28

Sticky Note7

Sticky Note

#29

Download New Screenshot

HTTP Request

#30

Combine Screenshots

Merge

#31

Sticky Note8

Sticky Note

#32

Sticky Note9

Sticky Note

#33

Visual Regression Agent

LLM Chain

#34