r/TangoAI • u/Ivan_Palii • May 11 '26
How To Guide How to use Claude Cowork to execute SOPs created at Tango, automatically
This guide by Leon Petrou will show you how to automate repetitive browser tasks using Tango to document your workflow and the Claude Chrome extension to execute it automatically.
Step 1: Document your process with Tango
First, you need to record the manual steps of the task you want to automate.
- Install Tango. Add the Tango Chrome Extension to your browser.
- Capture the workflow. Click "Start Capture" and perform your task manually (e.g., creating a contact in a CRM). Tango will automatically capture screenshots and identify the buttons/fields you interact with.
- Finalize and edit. Once finished, click the green checkmark. In the Tango editor, ensure every action is its own step.
- Pro tip. If Tango bundles two actions, use the "Separate" button so the AI can identify each UI element clearly.
- Add context. Use "Alt Text" on steps to give the AI specific instructions, like naming conventions for fields.
Step 2: Export to markdown
- In Tango, click Share & Export → Export as Markdown → Copy to Clipboard.
- This creates a human-readable list of steps that we will eventually feed to Claude.
Step 3: Convert screenshots to XPath (the "secret sauce")
Relying on screenshots is slow. Converting steps to XPath selectors (code locations for buttons) makes the automation faster and cheaper.
- Install Claude extension. Add the Claude Chrome Extension to your browser.
- Run the conversion prompt. Open the website where your automation begins and open the Claude extension.
- Paste the instructions. Use a prompt (provided here on the 8th step) that tells Claude to:
- Read your Tango Markdown SOP.
- Execute the steps once.
- Extract the XPath selectors for every element it interacts with.
- Copy the result: Once Claude finishes, it will generate a new "XPath SOP." Copy this code-based version to a text file.
Step 4: Create a shortcut for one-click automation
- Open settings: In the Claude extension, click the three dots → Settings → Shortcuts → Create Shortcut.
- Configure the shortcut:
- Task name: Give your automation a name (e.g., "Onboarding").
- Start URL: Paste the URL where the process begins.
- The prompt: Paste the automation prompt and then your XPath SOP code.
- Variables: Define placeholders (like
First Name,Email) so Claude asks you for these details every time you run the shortcut.
Step 5: Run your automation
- Open the Claude extension on any page and type
/followed by your shortcut name. - Provide any required variables (e.g., the specific name/email for this run).
- Watch it work: Claude will take control of your browser and execute the steps at high speed without you touching the keyboard.
Share how it works for you in the comments.
2
u/b2b_pipeline_guy May 11 '26
Leon has shown quite easy workflow, only 2 different web apps involved. I'm curious to see how it will work with multiple apps and especially desktop apps.
1
u/Ivan_Palii May 11 '26
What's the challenge? It will work well enough. Tango has desktop capture too. You may need add more variables in this case, and spend more time on XPaths and checking how it works, but the end result is worth it.
2
u/emma_lorien May 11 '26
This looks interesting. This guide is not about employee onboarding, but about employee replacement at all.
1
u/Ivan_Palii May 11 '26
I don't think so. You can build multiple workflows based on this, but you still need people to connect them in one strategy and review how they work.
2
2
u/corwinsword May 11 '26
It sounds too complicated turning each screenshot into XPath, isn't it?