# Analyze UX heuristics from UI screenshots with OpenAI: n8n workflow

> Started by another system calling it. It calls services over plain HTTP rather than through connectors. It hands the judgement calls to OpenAI.

Source: https://millionrounds.com/workflow/analyze-ux-heuristics-from-ui-screenshots-with-openai (Millionrounds; every figure on the page links to its filing or article)

[Automation library](https://millionrounds.com/workflows) · [AI assistants](https://millionrounds.com/workflows?category=AI+assistants#library)

# Analyze UX heuristics from UI screenshots with OpenAI

Started by another system calling it. It calls services over plain HTTP rather than through connectors. It hands the judgement calls to OpenAI. 15 steps, 1 loop or waits: a working afternoon to understand properly.

Medium Calls a model: OpenAI

[Download free](https://millionrounds.com/login?next=%2Fapp%2Fworkflow%2Fanalyze-ux-heuristics-from-ui-screenshots-with-openai)

**15 steps** Medium: a working afternoon

**0** Branches: places the flow splits

**1** Loop or waits

**0** Services by connector: it calls them over plain HTTP

## The flow

Starts it 2 Model 2 Logic 8 Service 3

The steps in the order they run, from what starts it.

- 1 **Webhook - Screenshot Upload** Webhook *Starts it*
- 2 **OpenAI Chat Model** Lm Chat Open Ai *Model*
- 3 **Prepare Audit Context** Set *Logic*
- 4 **AI - Generate Improvement Report** Agent *Model*
- 5 **Set UX Config** Set *Logic*
- 6 **JS - Attach Narrative to Report** Code *Logic*
- 7 **Filter - Has Screenshot Input** Filter *Logic*
- 8 **Update Google Sheet - Audit Log** Http Request *Service*
- 9 **Send UX Audit Report Email** Http Request *Service*
- 10 **Webhook Response - Return Audit Report** Respond To Webhook *Starts it*
- 11 **JS - Build Vision API Payload** Code *Logic*
- 12 **Wait 1 - Rate Limit Buffer** Wait *Logic*
- 13 **OpenAI Vision - Heuristic Evaluation** Http Request *Service*
- 14 **JS - Parse Vision Response** Code *Logic*
- 15 **JS - Calculate UX Score & Grade** Code *Logic*

## How it's built

- **Starts on:** Another system calling it
- **Steps:** 15, 1 loop or waits
- **Size:** Medium: a working afternoon
- **Connects to:** Nothing by connector; it calls services over plain HTTP
- **Model:** OpenAI

## Questions

What does it need to run?

An n8n account, and a key for OpenAI. You connect your own accounts after importing it; none are included.

What starts it?

It starts on another system calling it.

Does it use AI?

Yes. It calls OpenAI. Model calls are billed by the provider, not by n8n.

How long does it take to set up?

Plan an afternoon. 15 steps is enough that you should read each one before running it.

How do I import it?

Copy the workflow, open a new workflow in n8n and paste. The steps appear on the canvas, ready for your own accounts.

**Before you run it**

Nothing here has been tested by us. It is somebody's working automation, read and described from its own steps. Treat the connections it wants as a list of accounts it will touch, and read the 15 steps before you point it at anything that matters.

## Run it in n8n

- **Create your n8n account** Free to start. n8n is where the workflow runs. [Create an n8n account ↗](https://millionrounds.com/n8n)
- **Download the workflow** Free with a Millionrounds account. [Download free](https://millionrounds.com/login?next=%2Fapp%2Fworkflow%2Fanalyze-ux-heuristics-from-ui-screenshots-with-openai)
- **Paste it into n8n** Open a new workflow in n8n and paste. Then connect your own accounts.

Stored with the author's traces removed: canvas notes, instance identifiers, saved credential names and any live document they had left behind.

## Workflows like it

Also ai assistants, with the same services where possible, closest in size first.

- [**AI automatic code review in GitLab MR with OpenAI** 15 steps · calls a model](https://millionrounds.com/workflow/ai-automatic-code-review-in-gitlab-mr-with-openai)
- [**AI-Powered Customer Email Auto Responder with OpenAI** 15 steps · calls a model · Email](https://millionrounds.com/workflow/ai-powered-customer-email-auto-responder-with-openai)
- [**AI-powered Upwork cover letter generator – Pinecone, Groq** 15 steps · calls a model · Pinecone](https://millionrounds.com/workflow/ai-powered-upwork-cover-letter-generator-pinecone-groq)
- [**Answer voice queries from a webhook over Google Drive docs** 15 steps · calls a model · Google Drive, Supabase vectors](https://millionrounds.com/workflow/answer-voice-queries-from-a-webhook-over-google-drive-docs)
- [**Automatic email categorization & labeling in Zoho Mail** 15 steps · calls a model · Email](https://millionrounds.com/workflow/automatic-email-categorization-and-labeling-in-zoho-mail)
- [**Basic automatic Outlook email folder management** 15 steps · calls a model · Outlook](https://millionrounds.com/workflow/basic-automatic-outlook-email-folder-management)