The latest articles on DEV Community by ToolForge (@toolforgeio). https://dev.to/toolforgeio https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3849521%2Fb831b50e-1773-4476-b700-84905de0e67a.png https://dev.to/toolforgeio en ToolForge Sun, 29 Mar 2026 15:17:41 +0000 https://dev.to/toolforgeio/how-i-built-a-browser-based-n8n-workflow-generator-using-gemini-ai-5c3n https://dev.to/toolforgeio/how-i-built-a-browser-based-n8n-workflow-generator-using-gemini-ai-5c3n <p>I kept hitting the same friction point while working <br> with n8n — every time I had a quick workflow idea, <br> I had to open my n8n instance, hunt for the right <br> nodes, wire them up manually, just to prototype <br> something that might not even work.</p> <p>So I built a small tool to fix that.</p> <h2> What it does </h2> <p>A single HTML file that runs entirely in your browser.<br> You paste your free Gemini API key, describe your <br> workflow in plain English, and it generates n8n-<br> compatible workflow JSON you can import directly.</p> <p>No server. No backend. No n8n instance needed to <br> generate the workflow.</p> <h2> How it works </h2> <p>The tool sends your plain English prompt to the <br> Gemini API with a system prompt engineered to output <br> valid n8n workflow JSON — correct node types, <br> parameters structure, and connections format.</p> <p>The key challenge was getting Gemini to output JSON <br> that n8n actually accepts on import. n8n's workflow <br> JSON has a specific structure — nodes need correct <br> typeVersion, position arrays, and the connections <br> object needs to map node names exactly.</p> <p>After several iterations the output imports cleanly <br> with nodes and connections intact. Credentials are <br> intentionally excluded — n8n never stores credentials <br> in workflow JSON anyway, so users connect their own <br> after import as usual.</p> <h2> What's included </h2> <ul> <li>The HTML generator tool (BYOK Gemini API)</li> <li>5 ready-to-import workflow JSON files: <ul> <li>Slack → Google Sheets logging</li> <li>Gmail → Drive attachment backup</li> <li>RSS → Twitter/X auto-post</li> <li>Typeform webhook router</li> <li>Notion → email digest</li> </ul> </li> </ul> <h2> Try it </h2> <p>If you're an n8n user who wants a faster prototyping <br> experience outside your instance, the pack is <br> available here: <a href="https://gum.new/gum/cmnbl4rwm000a04jicqkiatrf" rel="noopener noreferrer">https://gum.new/gum/cmnbl4rwm000a04jicqkiatrf</a></p> <p><em>This post was written with AI assistance.</em></p> automaton productivity devtools