How I built a browser-based n8n workflow generator using Gemini AI

I kept hitting the same friction point while working with n8n — every time I had a quick workflow idea, I had to open my n8n instance, hunt for the right nodes, wire them up manually, just to prototype something that might not even work. So I built a small tool to fix that. What it does A single HTML file that runs entirely in your browser. You paste your free Gemini API key, describe your workflow in plain English, and it generates n8n- compatible workflow JSON you can import directly. No server. No backend. No n8n instance needed to generate the workflow. How it works The tool sends your plain English prompt to the Gemini API with a system prompt engineered to output valid n8n workflow JSON — correct node types, parameters structure, and connections format. The key challenge was getting Gemini to output JSON that n8n actually accepts on import. n8n's workflow JSON has a specific structure — nodes need correct typeVersion, position arrays, and the connections object needs to map node