Organizing UI toolbar icons: Apple HIG standards and Gemini AI
Ready for 3.0Ready for 3.0. This template uses no nodes that n8n 3.0 removes. No removed nodes, versions or helpers found. Static check, last run 2026-10-19.
What this workflow does
This AI workflow has 9 nodes and runs when someone submits an n8n form (“Icon submission”). Along the way it connects Google Gemini Chat Model.
How it runs
Trigger: When someone submits an n8n form (“Icon submission”).
- AI Agent: runs an AI agent, with model: Gemini
- Code: runs custom JavaScript code
- Basic LLM Chain: sends a prompt to an LLM, with model: Gemini: Reordering
- Code: runs custom JavaScript code
- UI Guidance (Basic LLM Chain): sends a prompt to an LLM, with model: Google Gemini Chat Model
Services it uses
Before you upgrade to n8n 3.0
Nothing in this workflow is removed in n8n 3.0, so it should import and run after the upgrade.
Nodes used (5)
- n8n Form Trigger
n8n-nodes-base.formTrigger - Google Gemini Chat Model
@n8n/n8n-nodes-langchain.lmChatGoogleGemini - Code
n8n-nodes-base.code - Basic LLM Chain
@n8n/n8n-nodes-langchain.chainLlm - AI Agent
@n8n/n8n-nodes-langchain.agent
From the author
Overview When designing user interfaces, toolbar icons often get overlooked, even though their placement and grouping dramatically impact usability and user flow. This workflow leverages Gemini AI to automatically analyze UI screens, classify toolbar icons…