Visual guides: AI tips you can swipe through
Updated
89 free visual guides from the Stepthrough lessons: step-by-step carousels, prompts to copy, AI terms explained, myths and mistakes to avoid. Each one takes a minute to swipe through, and every slide is written out as text on its page.
Every guide comes from a real free lesson, the AI glossary or the prompt library, and links back to it, so when an idea clicks you can open the lesson and do it yourself in a practice copy of the tool. The businesses in the examples are made up.
Step-by-step guides
A whole build in a few slides: the key steps of a free lesson, each with the real screen.
An AI agent that writes plumbing follow-up textsThe best time to earn a repeat plumbing customer is the day after the job. In this lesson you build an n8n agent for Blue Maple Plumbing.
Step-by-step guide 7 slides
ChatGPT: New Chat or Same Chat? Decide in 6 StepsA step-ladder guide to ChatGPT context: stay in the same chat when the job is the same, start a new chat for a new customer, and check the numbers.
Step-by-step guide 8 slides
Summarize a meeting transcript with ChatGPTA meeting transcript is useful for about five minutes, and then nobody reads it again.
Step-by-step guide 7 slides
5 Steps to Build a Shareable Price Calculator in ClaudeA visual guide to Claude artifacts: ask for a price calculator, check the math, ask for one change and share it by link. Five steps, free.
Step-by-step guide 7 slides
5 Steps to a Claude Skill for Your Weekly ReportA visual guide: Claude's skill creator interviews you, drafts a weekly report skill, tests it on real notes, saves it and uses it.
Step-by-step guide 7 slides
How to Connect Google Drive, Gmail and Calendar to ClaudeHow to connect Google Drive to Claude, plus Gmail and Calendar, in 5 steps: switch them on per chat and ask about your own files, email and week.
Step-by-step guide 7 slides
ChatGPT Data Controls for Client Data in 5 StepsA step-ladder guide: turn off training, review shared links, decide on memory, use Temporary Chat and write the one-page rule, in 5 steps.
Step-by-step guide 7 slides
Instagram Comment to DM with Manychat in 5 StepsA step-ladder guide: turn Instagram GUIDE comments into a DM with a booking button and a tag using Manychat, left as a draft, in 5 steps.
Step-by-step guide 7 slides
Answer "where's my refund?" emails with ChatGPTEvery tax season the same email lands: "When do we get our refund?" In this lesson the client's return isn't even filed yet.
Step-by-step guide 6 slides
How to Do a Bank Reconciliation with ChatGPT in 5 StepsBank reconciliation with ChatGPT in 5 steps: upload a bank CSV and a ledger CSV, give it the balances, read the exceptions and check the math yourself.
Step-by-step guide 7 slides
AI Agent vs Automation vs Chatbot: One Job, Three WaysA visual guide to the difference between a chatbot, an automation and an AI agent, shown by chasing six unpaid invoices three ways in one free lesson.
Step-by-step guide 7 slides
Build a web form with an AI backend, no codeMost website forms just land in an inbox and wait. This one does the work. You describe the form in Lovable, and it builds it.
Step-by-step guide 7 slides
ChatGPT vs Claude vs Gemini vs Copilot: One Task, ComparedA visual guide to the same office task in ChatGPT, Claude, Gemini and Copilot: what each one added, what to check, and how to pick the one for work.
Step-by-step guide 8 slides
Claude First Chat: Pick a Model, Attach a File, Prompt in 5 StepsA visual guide to your first chat with Claude: check the model picker, attach an email with +, write a four-part prompt, follow up, then pin the chat.
Step-by-step guide 7 slides
DomoAI Image to Video: Product Photo to Short Clip in 5 StepsA visual guide to DomoAI Image to Video: upload a product photo, set 9:16, write a motion prompt, compare two versions and download the better one.
Step-by-step guide 8 slides
Flova: Plan a Promo Video Before You Spend a CreditA visual guide to Flova’s AI video agent: paste your exact script, get the storyboard and credit estimate first, then make and fix one reference image.
Step-by-step guide 8 slides
Gamma: Turn Rough Meeting Notes into a Deck in 5 StepsA visual guide to Gamma: paste rough notes, let it condense them into a deck, change a slide by chatting with Agent, then export to PowerPoint and PDF.
Step-by-step guide 7 slides
Jotform AI Agent: Answer Client Questions in 4 StepsA visual guide to a Jotform AI Agent that answers routine client questions: create it, teach it one answer, test it in Test Mode and copy the embed code.
Step-by-step guide 7 slides
Jotform AI Intake Form: 5 Steps to Build and Share OneA visual guide to building a client intake form with Jotform AI: describe it, read the fields, fix it with Form Copilot, add a rule and share the link.
Step-by-step guide 7 slides
n8n Execute Step vs Execute Workflow vs PublishA visual guide to the three n8n buttons: run one node with Execute step, pin test data, run everything with Execute workflow, then Publish for real.
Step-by-step guide 7 slides
n8n If and Switch Nodes: Route Requests by RulesA visual guide to n8n If and Switch nodes: split big jobs from small ones with one condition, then route by service with named outputs and a fallback.
Step-by-step guide 7 slides
n8n Talk to Your Google Sheet: 4 Steps and One CheckA visual guide to n8n’s chat-with-your-sheet template: add your OpenAI credential, point it at your sheet, ask questions and check every total by hand.
Step-by-step guide 7 slides
n8n Webhook: Test URL vs Production URL, ExplainedA visual guide to the two n8n webhook addresses: the Test URL that listens only while you test, and the Production URL that works once you publish.
Step-by-step guide 6 slides
Email each tech their jobs at 7am with n8nEvery morning someone at Rapid Flow Plumbing copies the day's jobs into emails, one tech at a time. Hand it to n8n.
Step-by-step guide 7 slides
5 Steps to an AI Agent That Categorizes Business ExpensesA visual guide: an n8n agent sorts expenses into a fixed list of categories, flags unclear ones as Needs Review and saves them to Google Sheets.
Step-by-step guide 7 slides
5 Steps to an AI Email Responder That Only Writes DraftsA visual guide: an n8n agent reads each new Gmail message and saves a reply as a draft in the same thread. You read it and click Send.
Step-by-step guide 7 slides
5 Steps to an n8n AI Agent That Saves to Google SheetsA visual guide: build an n8n AI agent that writes social media ideas and saves each one as a Google Sheets row, in 5 steps from the free lesson.
Step-by-step guide 7 slides
5 Steps to Answer a Claim-Status Email Without OverpromisingA visual guide for insurance agencies: answer a client's claim-status email with ChatGPT, then check every claim against your facts before you send.
Step-by-step guide 7 slides
5 Steps to Find, Import and Run an n8n TemplateA visual guide: find an n8n template, import it, connect your own Google Sheets and Gmail accounts, make it yours and run a test.
Step-by-step guide 7 slides
5 Steps to Turn a Messy Email Thread into a Clear ReplyA visual guide: paste a customer thread with numbered facts, check every promise in ChatGPT's draft, fix it and send it from Gmail.
Step-by-step guide 7 slides
5 Steps to Turn a Receipt Photo into a Google Sheets RowA visual guide: an n8n AI agent reads a receipt photo, pulls out the date, vendor and total, picks a category and adds a row to Google Sheets.
Step-by-step guide 7 slides
5 Steps to Turn an Interview Debrief into a ScorecardA visual guide: turn an interview panel's debrief transcript into a ChatGPT scorecard with evidence for each must-have, then a candidate follow-up.
Step-by-step guide 7 slides
The 4-part prompt that stops generic ChatGPT answersMost people give ChatGPT one quick sentence and get back something generic: Dear Valued Customer, emoji, and blanks for your company name.
Step-by-step guide 8 slides
AI terms explained
One AI or automation term: what it means, where it shows up in a real lesson, and tips for using it.
What is automation, really?AI term of the day: automation.
AI term explained 4 slides
What is an AI hallucination?AI term of the day: hallucination.
AI term explained 4 slides
What Is a Context Window? A Visual GuideA visual guide to the context window: how much text an AI model can see at once, shown with a real ChatGPT meeting summary lesson.
AI term explained 4 slides
What Is a Trigger in n8n? Form, Chat and ScheduleWhat is a trigger in n8n? The event that starts an automation, like an n8n form trigger, a chat message or a schedule, shown in a real HVAC lesson.
AI term explained 4 slides
What Is a Webhook? A Visual GuideA visual guide to webhooks: a web address that waits for another app to send it data, shown in a real Lovable + n8n lesson, with tips to use it safely.
AI term explained 4 slides
What Is AI Data Extraction? A Visual GuideA visual guide to AI data extraction: pulling the date, vendor and total out of a receipt photo and into Google Sheets, from a real n8n lesson.
AI term explained 4 slides
What Is an AI Agent in n8n? A Visual GuideWhat is an n8n AI agent? AI that decides which steps to take and uses tools to take them, shown in a real n8n lesson, with tips to keep it safe.
AI term explained 4 slides
What Is Grounding in AI? A Visual GuideA visual guide to grounding: tie an AI reply to numbered facts so every claim can be checked, shown in a real tax firm reply lesson.
AI term explained 4 slides
What Is Human in the Loop? A Visual GuideA visual guide to human in the loop: the AI drafts and a person approves before anything takes effect, shown in a real n8n email lesson.
AI term explained 4 slides
What Is Structured Output? A Visual GuideA visual guide to structured output: AI answers in fixed fields people can scan and software can read, shown with a real interview scorecard.
AI term explained 4 slides
Prompts to copy
Copy-ready prompts from the lessons and the prompt library, with what to check before you use the answer.
A service request form that spots emergenciesA homeowner's furnace is blowing cold air and the house is at 58 degrees. Your form should know that's an emergency.
Prompt to copy One graphic
Answer claim-status emails without overpromising"When will they pay? Is my rental covered? Will my rate go up?" Two of those questions belong to the carrier, not the agency.
Prompt to copy One graphic
Automate Email Responses with AI: Drafts-Only System MessageAutomate email responses with generative AI without auto-sending: the system message from the AI Email Responder lesson that answers FAQs as drafts.
Prompt to copy One graphic
A copy-and-paste ChatGPT prompt for customer emailsSave this one. It's the customer email prompt from Prompt Writing 101. Role: You are the owner of [BUSINESS].
Prompt to copy One graphic
Missed Call Text Back Message: AI Prompt to CopyA missed call text back message says who you are, when you will call back, what to text you and what to do if it is urgent. Copy the AI prompt.
Prompt to copy 4 slides
Prompt of the Day: Ask a Happy Customer for a ReferralA visual prompt card for a short, personal referral ask: thank the customer for real work, describe who you help, and no reward you haven't decided on.
Prompt to copy 4 slides
Prompt of the Day: Day-Before Appointment Reminder TextsA visual prompt card for day-before appointment reminder texts. For appointment reminder text examples and the full template, open the prompt page.
Prompt to copy 4 slides
Prompt of the Day: Fix the Tone of a ReplyA visual prompt card: fix a reply that sounds stiff, defensive or long, while every fact, number and "we can't" stays exactly as it was.
Prompt to copy 4 slides
Prompt of the Day: Reply to a Bad Review in PublicA visual prompt card for a public reply to a bad review: calm and specific, no private details, no arguing, and an easy way to talk offline.
Prompt to copy 4 slides
Prompt of the Day: Summarize an Email Thread for a HandoffA visual prompt card: turn a long email thread into a short handoff with the situation, what was promised and each question marked Answered or Open.
Prompt to copy 4 slides
Prompt of the Day: Thank a Customer for a ReviewA visual prompt card: three short, specific thank-you replies to a good review, using only what the reviewer wrote and nothing private you know.
Prompt to copy 4 slides
Prompt of the Day: Update a Candidate After an InterviewA visual prompt card: the email a candidate gets after an interview, with thanks, where things stand, the next step and no hint of the decision.
Prompt to copy 4 slides
Myth vs fact
Common beliefs about AI tools, and what the lessons and the glossary actually show.
An AI follow-up agent for electrical jobsAn electrical job isn't really done when the crew leaves. There's an inspection to schedule, a new breaker to explain and a customer who'll need you again.
Myth vs fact One graphic
Myth: ChatGPT Memory Is Where Your Work Rules BelongMyth vs fact: ChatGPT memory is not where work rules belong. Put standing rules in custom instructions and one client's rules in its Project.
Myth vs fact 2 slides
Myth: A New ChatGPT Chat Is a Private ChatMyth vs fact: a new ChatGPT chat is saved like any other and memory can carry details. For a sensitive job, use Temporary Chat and remove names first.
Myth vs fact One graphic
Reply to case update emails with ChatGPT, safely"Did they respond? When is our court date? Are we going to win?"
Myth vs fact One graphic
How to use n8n templates without the red warningsMost people copy an n8n template, see a canvas full of red warnings and give up. The warnings just mean the template can't know your accounts or your data.
Myth vs fact One graphic
Meeting notes myth: “summarize this” is all ChatGPT needsMyth: paste a transcript, type “summarize this”, done. Fact: ask for the decisions, an action items table with owners and dates, and open questions.
Myth vs fact One graphic
Myth: A 200 Status Means the Workflow Is DoneMyth vs fact: a 200 only means the server accepted the request. A webhook can answer before the workflow has done anything at all.
Myth vs fact One graphic
Myth: A Business ChatGPT Plan Makes PII Safe to PasteMyth vs fact: a business plan can reduce risk, but it doesn't override industry rules or client agreements. Leave out what the task doesn't need.
Myth vs fact One graphic
Myth: An AI Model Looks Things Up Before It AnswersMyth vs fact: by default a large language model answers from its training plus your prompt. Web search or file lookup is a separate step.
Myth vs fact One graphic
Myth: ChatGPT Already Knows My BusinessMyth vs fact: ChatGPT knows the current chat, its general training and what you set up. Your current prices and policies still have to come from you.
Myth vs fact One graphic
Myth: Removing Names Is Enough to Stop AI BiasMyth vs fact: hiding names helps, but bias comes through other details. Job-related criteria and evidence for each score do more.
Myth vs fact One graphic
Myth: Telling an AI Agent Not to Send Email Is EnoughMyth vs fact: a "drafts only" rule in the system prompt helps, but choosing the Draft resource in the Gmail tool is what makes sending impossible.
Myth vs fact One graphic
Myth: There Is a Magic Wording for ChatGPT PromptsMyth vs fact: "act as an expert" helps far less than plain facts. Say what you need, give the details only you know and say how it should look.
Myth vs fact One graphic
Myth: Turning Off Training Makes ChatGPT PrivateMyth vs fact: turning off training stops chats being used to improve models, but they are still processed and stored. Remove details you don't need.
Myth vs fact One graphic
Mistakes to avoid
One mistake the lessons are built to prevent, and what to do instead.
An emergency request form that sets the priorityA pipe bursts under the kitchen sink and the homeowner can't find the shutoff. Your website form should treat that very differently from a dripping faucet.
Mistake to avoid One graphic
Mistake: Re-Explaining the Client in Every ChatGPT ChatA common ChatGPT mistake: explaining the same client again in every new chat. Give each client one Project with its own instructions and files.
Mistake to avoid 2 slides
Mistake: One ChatGPT Chat for Every CustomerA visual guide to a common ChatGPT mistake: quoting a second customer in the first customer's chat. Start a new chat for each customer.
Mistake to avoid 2 slides
Mistake: Deleting a ChatGPT Chat but Keeping the MemoryA visual guide to a common ChatGPT cleanup mistake: deleting a chat with client details but leaving the saved memory behind. Delete the memory too.
Mistake to avoid 2 slides
Turn a client meeting into action items and a recap emailMost missing client documents start as a request said in a meeting and never written down with a date.
Mistake to avoid One graphic
Receipts to Google Sheets with an AI agent in n8nA box of paper receipts at the end of the month. Typing them in is slow and easy to get wrong.
Mistake to avoid One graphic
Don't tell ChatGPT to make it better. Say this instead.A customer's cake order went sideways. Wrong pickup day, a flavor change, and a nut allergy question nobody answered.
Mistake to avoid One graphic
Mistake to Avoid: A Soft Yes When You Mean NoA visual tip for customer emails: AI drafts blur a no into "we'll do our best." Say no early, give one reason and a real alternative.
Mistake to avoid One graphic
Mistake to Avoid: Letting AI Invent Expense CategoriesA visual tip for bookkeepers: give an AI agent a fixed list of categories plus Needs Review, so it never makes up a category name.
Mistake to avoid One graphic
Mistake to Avoid: Not Setting a Length in Your PromptA visual tip: say the length in the Format part of your prompt, like under 120 words, instead of trimming a 300-word reply by hand.
Mistake to avoid One graphic
Mistake to Avoid: Promising a Date Nobody ConfirmedA visual tip for late orders: give the AI only timing you have confirmed. If there is no date yet, say when you will update the customer.
Mistake to avoid One graphic
Mistake to Avoid: Scheduling Before Setting the TimezoneA visual tip for n8n schedules: set the workflow timezone before the schedule, so 7am means 7am where your business is.
Mistake to avoid One graphic
Mistake to Avoid: Sending Every Job Email to One AddressA visual tip for n8n and Gmail: make the To field an expression for the Tech Email column, written in square brackets because of the space.
Mistake to avoid One graphic
Mistake to Avoid: Testing an Unpublished n8n WorkflowA visual tip: an n8n production webhook URL only works once the workflow is published. Publish first, then copy the URL into your app.
Mistake to avoid One graphic
n8n Webhook URL: Don't Paste It into Your PageWhere should your n8n webhook URL go? Not in the page code. Store it as a Lovable secret so it stays out of the source and is easy to change.
Mistake to avoid One graphic
Industry tips
A tip for one trade or team, from its own lesson.
A quote request form that answers with a price rangeHomeowners asking about an EV charger want a ballpark before they book a site visit.
Industry tip One graphic
Turn an interview debrief into a fair scorecardInterview write-ups drift into general impressions, and a must-have nobody asked about quietly becomes an assumption.
Industry tip One graphic
An AI follow-up agent for HVAC service callsMost HVAC companies mean to follow up after every call and rarely do.
Industry tip One graphic
From the lessons
A single line from a lesson worth keeping in mind.
HVAC follow-ups people actually readA follow-up is not a sales email. The best ones are short, personal and useful, and the tip is what makes them useful.
Quote from a lesson One graphic
Build your first AI agent in n8nChatGPT answers. An agent does something with the answer.
Quote from a lesson One graphic
All free tutorials · AI glossary · Prompt library
How every module works
Each step is shown on the left, with a cursor pointing to exactly where to click. You do the same thing on the right, in a practice copy of the real tool. Get it right and it moves on. Nothing touches your real accounts until you're ready to build it for real.
Start learning free