TradingView AI Analyzer Tutorial

Turn Your Browser into an AI Trading Analyst

TL;DR: This workflow connects a Chrome extension to n8n and OpenAI, letting you snap any TradingView chart and receive instant AI analysis in plain English. No complex trading knowledge required—just point, click, and understand what the chart is telling you. Copy the workflow and install the Chrome extension to start analyzing charts like a pro.

Why David Would Actually Use This

David claims he "doesn't trade crypto" but somehow knows exactly when Bitcoin dumps. The man has a sixth sense for market chaos—or more likely, he's secretly refreshing TradingView at 2 AM like the rest of us. This workflow is for people who want that same awareness without the sleep deprivation.

The beauty here isn't about becoming a day trader. It's about having an AI assistant that can read visual information and explain it in human terms. Point it at a chart, get a summary. The same pattern works for dashboards, reports, or any visual data you need interpreted quickly.

What This Workflow Does

The setup creates a bridge between your browser and AI vision capabilities. A Chrome extension (built with Cursor AI) captures whatever you're looking at on TradingView and ships it to an n8n webhook. n8n passes the image to OpenAI's GPT-4o-mini with a carefully crafted prompt that asks for technical analysis in "infant language"—their words, not mine, though I appreciate the honesty.

The AI examines support levels, trend lines, volume patterns, and price action, then returns a plain-English summary of where the market might be heading. That response flows back through n8n to the Chrome extension and appears right in your browser. The whole round-trip takes a few seconds.

This isn't financial advice—it's pattern recognition at scale. The workflow explicitly warns users that this is informational only, which is wise given how quickly crypto markets can turn.

Quick Start Guide

You'll need three things running: the Chrome extension, an n8n instance with this workflow, and an OpenAI API key. The extension handles screenshot capture and display. n8n acts as the middleman, receiving the image and coordinating the AI analysis. OpenAI provides the actual vision intelligence.

Start by downloading the Chrome extension files from the workflow page and loading them as an unpacked extension in Chrome. Then import the workflow JSON into your n8n instance. Add your OpenAI API credentials to the OpenAI node, activate the workflow, and grab the webhook URL. Paste that URL into the extension's configuration, and you're ready to analyze charts.

The Tutorial

Step 1: Install the Chrome Extension

The extension was built with Cursor AI, which means someone prompted their way to a working browser plugin—no manual coding required. Download the extension files, open Chrome's extensions page, enable developer mode, and load the folder as an unpacked extension. You'll see a new icon in your toolbar.

The extension is intentionally simple. It captures the visible viewport, sends it to your webhook, and displays the response. That's it. No tracking, no analytics, just a pipe between your browser and your automation.

Step 2: Import the n8n Workflow

In n8n, create a new workflow and import the JSON. You'll see three nodes: a Webhook trigger, an OpenAI node, and a Respond to Webhook node. The flow is linear—data enters through the webhook, gets processed by AI, and exits back to the extension.

Save the workflow but don't activate it yet. You need to configure credentials first.

For Advanced Readers: The Webhook node uses POST method with response mode set to "responseNode". This means n8n will wait for the entire workflow to complete before sending a response back to the Chrome extension. The path is auto-generated (e9a97dd5-f1e7-4d5b-a6f1-be5f0c9eb96c) but you can change it to something memorable if you prefer.

Step 3: Configure OpenAI Credentials

The OpenAI node uses GPT-4o-mini with the "Analyze Image" operation selected. This is the cost-effective vision model—fast, capable, and significantly cheaper than GPT-4o for image tasks. The prompt is pre-configured to ask for technical analysis in simple terms.

Add your OpenAI API key to n8n's credentials store. If you don't have one, generate it at platform.openai.com. The workflow will analyze roughly 2-3 charts per cent at current pricing.

For Advanced Readers: The prompt includes specific instructions: "You are an expert financial analyst... explain everything in infant language." This prompt engineering is doing heavy lifting—without it, GPT-4o-mini might respond with jargon-heavy technical analysis that defeats the purpose. The inputType is set to "base64" because that's how the Chrome extension transmits the screenshot.

Step 4: Connect Everything

Activate the workflow in n8n and copy the webhook URL (it'll look like https://your-instance.com/webhook/e9a97dd5-f1e7-4d5b-a6f1-be5f0c9eb96c). Open the Chrome extension's options and paste this URL as the endpoint. Save and close.

Now navigate to any TradingView chart. Click the extension icon, and within seconds you should see AI-generated analysis appear in the extension popup. If something breaks, check n8n's execution log—the webhook receives the image, the OpenAI node processes it, and the response node sends back the text.

Step 5: Customize for Your Needs

The same pattern works beyond TradingView. Modify the Chrome extension to work on any website. Change the AI prompt to analyze different types of visual data—dashboard metrics, competitor websites, design mockups. The workflow doesn't care what image you send it.

Consider adding a Slack or Telegram notification node after the OpenAI analysis if you want to archive interesting charts. Or store the analyses in a database to track how the AI's predictions perform over time.

For Advanced Readers: The workflow currently returns raw text via {{ $json.content }} in the Respond to Webhook node. You could enhance this by formatting the response as JSON with additional metadata—timestamp, chart symbol, confidence score—or by adding error handling for cases where the AI fails to detect a valid chart.

Key Learnings

Browser extensions are just webhooks with a UI. This workflow demystifies Chrome extensions—they're simply JavaScript that can talk to your automation stack. Build them with AI tools like Cursor, connect them to n8n, and suddenly your browser has superpowers.

Vision AI changes what's automatable. Before GPT-4V and its successors, analyzing a chart meant parsing structured data via API. Now you can point an AI at any visual interface and ask questions about it. This opens automation possibilities for legacy systems, competitor monitoring, and visual reporting that were previously impossible without complex computer vision pipelines.

Simple prompts beat sophisticated models. GPT-4o-mini with a well-crafted prompt outperforms GPT-4o with a vague one. The "infant language" instruction in this workflow is doing more work than the model choice. When building with AI, spend time on your prompts before you spend money on bigger models.

What's Next

Your challenge: Ship something this week using this pattern. It doesn't have to be trading charts. Maybe you want to analyze competitor pricing screenshots, summarize dashboard metrics for your team, or build a personal assistant that can read any website and answer questions about it.

The infrastructure is now trivial—a Chrome extension, a webhook, and an AI node. The magic is in the application. David's already imagining ways to point this at his Shopify dashboards. What will you point it at?

Grab the template, set it up in the next 25 minutes, and analyze your first chart before lunch. The best automation is the kind you actually use.

Want more n8n tutorials? Subscribe to get one delivered every weekday, matched to your skill level.