Automation library · AI assistants

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.

MediumCalls a model: OpenAI

Download free
15 stepsMedium: a working afternoon
0Branches: places the flow splits
1Loop or waits
0Services by connector: it calls them over plain HTTP

The flow

Starts it 2Model 2Logic 8Service 3

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

  1. 1Webhook - Screenshot UploadWebhookStarts it
  2. 2OpenAI Chat ModelLm Chat Open AiModel
  3. 3Prepare Audit ContextSetLogic
  4. 4AI - Generate Improvement ReportAgentModel
  5. 5Set UX ConfigSetLogic
  6. 6JS - Attach Narrative to ReportCodeLogic
  7. 7Filter - Has Screenshot InputFilterLogic
  8. 8Update Google Sheet - Audit LogHttp RequestService
  9. 9Send UX Audit Report EmailHttp RequestService
  10. 10Webhook Response - Return Audit ReportRespond To WebhookStarts it
  11. 11JS - Build Vision API PayloadCodeLogic
  12. 12Wait 1 - Rate Limit BufferWaitLogic
  13. 13OpenAI Vision - Heuristic EvaluationHttp RequestService
  14. 14JS - Parse Vision ResponseCodeLogic
  15. 15JS - Calculate UX Score & GradeCodeLogic

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.