Key insights:
Most people spend hours every week doing the same clicks, the same data entry, the same copy-paste routines across different web apps. What if you could document that process once and let AI run it for you on autopilot?
That is exactly what this method does. You use a tool called Tango to capture your standard operating procedure, convert it into a format Claude can execute, and then let the Claude Chrome extension take control of your browser. No code. No APIs. No Zapier.
Tango is a Chrome extension that records your clicks and keystrokes as you perform a task. It automatically generates a step-by-step guide with screenshots, titles, and descriptions for every action you take.
Think of it as a screen recorder, but instead of video, it produces a structured document. You click "Start Capture," do your process manually, and Tango builds the entire how-to guide for you in seconds.
The free plan works for this workflow. You install the extension, create an account, and you are ready to go. The real power comes when you export that guide as markdown and feed it into Claude as an automation prompt.
Open the Tango extension in Chrome and click Start Capture. You will see an orange rectangle highlight every UI element as you hover over it. Now just do the process manually, step by step.
For example, you might create a contact in HubSpot and then switch to Asana to create a follow-up task. Tango captures every click, every text input, and every navigation. When you are done, click the green checkmark and Tango generates the full workflow automatically.
You can then edit the guide afterwards. This is important because Tango sometimes bundles multiple actions into one step. For AI execution, you want every single action separated into its own step so Claude can identify each UI element independently.
Go through each step and split any bundled actions using the split button. Reorder steps if needed by dragging them. Delete empty or duplicate steps.
For dropdown selections, click the dropdown arrow in Tango and choose Make this specific so the guide always selects the correct option. You can also add alt text to any step to give Claude extra context. For example, you might write "Enter new task name in this format: schedule call with [first name] [last name]."
Tango also supports decision points, which let you create branching paths based on conditions. This is something the Claude Chrome extension's built-in "teach" feature cannot do. Decision points make your automations smarter because the AI can choose different paths depending on what it encounters.
Here is where most people get stuck. They export the Tango markdown with screenshots and feed it directly to Claude. The AI then has to interpret every screenshot, figure out what to click, and proceed. This is slow, unreliable, and expensive because of all the image processing.
The solution is to replace those screenshots with XPath selectors. An XPath is a small piece of code that points directly to a specific button, input field, or link in your browser. When Claude has the XPath, it knows exactly what to interact with. No guessing. No screenshot analysis.
Every element on a webpage has a unique address in the page's code. You can find it by right-clicking any element, selecting Inspect, then right-clicking the highlighted code and choosing Copy XPath.
That XPath string tells Claude precisely which element to click or type into. Instead of analyzing a screenshot pixel by pixel, Claude just executes a JavaScript command targeting that XPath. The result is dramatically faster execution and far fewer errors.
You do not need to manually copy XPaths for every step. The method shown in this tutorial has Claude do it for you automatically during the first run.
First, export your Tango guide as markdown by clicking Share and Export, then Export, then Markdown, and copy it to your clipboard.
Next, open the Claude Chrome extension on the page where your automation starts. Paste in a special conversion prompt (linked in the step-by-step setup guide) followed by your Tango markdown. Enable Act without asking and run it.
Claude will now execute the entire process once using screenshots. While doing so, it captures the XPath for every element it interacts with. At the end, it generates a complete XPath SOP with every step, action type, and selector neatly formatted. Copy that output and save it. This is your production-ready automation.
The first run is the "learning" run. Claude uses screenshots as a fallback to identify elements and derive their XPaths. This involves image processing at every step, which takes time and costs more tokens.
Every run after that uses the XPath SOP directly. Claude skips screenshots entirely and uses JavaScript to interact with elements. It only falls back to screenshots if it encounters an error. The speed difference is significant. What previously took 10 minutes can finish in under 2 minutes.
Once you have your XPath SOP, you want to make it easy to trigger. The Claude Chrome extension lets you create shortcuts that you can fire with a simple forward slash command or run on a recurring schedule.
Open the Claude Chrome extension, click the three dots menu, go to Settings, then Shortcuts, and click Create Shortcut. Give it a name like "Customer Onboarding."
Paste the starting URL from your XPath SOP into the Start from URL field. Then paste your automation prompt followed by the full XPath SOP into the prompt field. If your workflow uses variables like first name, last name, or email, add those at the bottom. You can either pre-fill them or leave them blank so Claude asks you at runtime.
Click Create Shortcut and you are done. Now you can trigger the entire automation by typing /customer in the Claude extension input field.
Yes. When creating a shortcut, you will see a scheduling option. You can set it to run daily, weekly, or at specific times. This works best for workflows where all the input data is fixed or pulled from a predictable source.
If your workflow requires user input at runtime, like entering a specific name or email, scheduling will not work because there is nobody to provide those values. In that case, keep it as a manual trigger with the slash command.
Claude's Chrome extension has a built-in feature where you can teach it a process by doing it manually. It sounds similar to Tango, but it falls short in several ways:
Tango gives you full control over every step. You can rearrange, split, delete, and annotate. You can create multi-branch flows for complex processes. And the documented SOP doubles as a training resource you can share with colleagues, making it useful far beyond just AI automation.
This method works for any browser-based workflow. CRM data entry, project management updates, report generation, form submissions, you name it. If you can do it in Chrome, you can automate it with this approach.
If you want to build a career around automation like this, the Complete RPA Bootcamp takes you from beginner to professional Automation Developer. You will learn RPA, agentic automation, and enterprise orchestration. Instead of worrying about AI replacing your job, you become the person building the automation.
For a full walkthrough of every step covered here, watch the video embedded below from the Leon Petrou YouTube channel. You will see the entire process live, from capturing the SOP in Tango to Claude running the finished automation hands-free.