|
| 1 | +--- |
| 2 | +layout: default |
| 3 | +title: Workflow Builder Tutorial |
| 4 | +--- |
| 5 | + |
| 6 | +# Workflow Builder Tutorial: Gamified Learning Adventures |
| 7 | + |
| 8 | +Level up your Recursive Control skills by building interactive workflows! This tutorial turns learning into a game: complete "quests" by crafting prompt chains that automate real tasks. Each quest includes objectives, step-by-step guidance, and verification challenges. |
| 9 | + |
| 10 | +Think of this as a simulator – test your prompts here before running them in the app. Earn "badges" by successfully completing each workflow (self-assessed via expected outcomes). |
| 11 | + |
| 12 | +## Quest 1: GitHub Issue Automator (Beginner Level) |
| 13 | +**Objective**: Automate creating a GitHub issue in your repo using browser automation and keyboard inputs. |
| 14 | + |
| 15 | +**Badge**: Issue Master |
| 16 | + |
| 17 | +**Step-by-Step Prompt Chain**: |
| 18 | +1. **Launch the Browser**: "Open Chrome and navigate to github.com/login." |
| 19 | + - *Expected*: Browser opens to GitHub login page. (Verify: Describe the screen to confirm.) |
| 20 | + |
| 21 | +2. **Login**: "Focus on the username field and type 'yourusername', then tab to password and type 'yourpassword', then press enter." |
| 22 | + - *Tip*: Use KeyboardPlugin for targeted input. (Challenge: Add verification – "If login fails, notify me.") |
| 23 | + |
| 24 | +3. **Navigate to Repo**: "Go to github.com/yourusername/your-repo/issues." |
| 25 | + - *Expected*: Issues page loads. |
| 26 | + |
| 27 | +4. **Create Issue**: "Click the 'New issue' button, type 'Bug: App crashes on load' in title, add description 'Steps to reproduce: 1. Open app. 2. Click button.', then submit." |
| 28 | + - *Challenge*: Use ScreenCapture to identify the button's bounding box before clicking. |
| 29 | + |
| 30 | +**Full Chain Prompt** (Copy-Paste Ready): |
| 31 | +``` |
| 32 | +Perform these steps to create a GitHub issue: |
| 33 | +1. Open Chrome and go to github.com/login. |
| 34 | +2. Log in with username 'yourusername' and password 'yourpassword'. |
| 35 | +3. Navigate to github.com/yourusername/your-repo/issues. |
| 36 | +4. Click 'New issue', fill title 'Bug: App crashes', description 'Steps: Open app, click button', and submit. |
| 37 | +Verify each step with a screenshot description. |
| 38 | +``` |
| 39 | + |
| 40 | +**Verification Quest**: Run this in Recursive Control. Did it create the issue? If not, refine the prompt (e.g., handle 2FA). |
| 41 | + |
| 42 | +## Quest 2: Daily Report Generator (Intermediate Level) |
| 43 | +**Objective**: Automate opening Excel, filling data, and saving a report. |
| 44 | + |
| 45 | +**Badge**: Report Wizard |
| 46 | + |
| 47 | +**Step-by-Step Prompt Chain**: |
| 48 | +1. **Open App**: "Launch Excel and create a new spreadsheet." |
| 49 | +2. **Add Headers**: "Type 'Date' in A1, 'Task' in B1, 'Status' in C1." |
| 50 | +3. **Fill Data**: "In A2 type today's date, B2 'Implement feature X', C2 'Completed'." |
| 51 | +4. **Save**: "Save as 'daily-report.xlsx' in Documents." |
| 52 | + |
| 53 | +**Full Chain Prompt**: |
| 54 | +``` |
| 55 | +Build a daily report in Excel: |
| 56 | +1. Open Excel, new file. |
| 57 | +2. Headers: A1=Date, B1=Task, C1=Status. |
| 58 | +3. Data: A2=today's date, B2=Review code, C2=Done. |
| 59 | +4. Save to Documents as daily-report.xlsx. |
| 60 | +Confirm each cell after typing. |
| 61 | +``` |
| 62 | + |
| 63 | +**Challenge**: Add conditional logic – "If file exists, append instead of overwrite." |
| 64 | + |
| 65 | +## Quest 3: File Organizer Bot (Advanced Level) |
| 66 | +**Objective**: Scan Downloads folder, organize files by type using CMD/PowerShell. |
| 67 | + |
| 68 | +**Badge**: Organization Overlord |
| 69 | + |
| 70 | +**Step-by-Step Prompt Chain**: |
| 71 | +1. **Scan Folder**: "Use CMD to list files in Downloads." |
| 72 | +2. **Create Folders**: "Make directories: Images, Documents, Others." |
| 73 | +3. **Move Files**: "Move .jpg to Images, .pdf to Documents, others to Others." |
| 74 | +4. **Verify**: "List contents of each new folder." |
| 75 | + |
| 76 | +**Full Chain Prompt**: |
| 77 | +``` |
| 78 | +Organize Downloads: |
| 79 | +1. CMD: dir %USERPROFILE%\Downloads |
| 80 | +2. Create folders: mkdir Images Documents Others |
| 81 | +3. Move: move *.jpg Images, move *.pdf Documents, move *.* Others |
| 82 | +4. Verify: dir Images, dir Documents, dir Others |
| 83 | +Handle errors if folders exist. |
| 84 | +``` |
| 85 | + |
| 86 | +**Epic Challenge**: Integrate vision – "Screenshot Downloads folder and describe file icons before moving." |
| 87 | + |
| 88 | +## Level Up Tips |
| 89 | +- **Gamification Hack**: Track your success rate. Aim for 100% on 5 quests to "unlock" custom workflow creation. |
| 90 | +- **Combine Quests**: Chain them, e.g., "Generate report, then create GitHub issue about it." |
| 91 | +- **Debug Mode**: If a step fails, add "Describe the screen and suggest fixes" to your prompts. |
| 92 | + |
| 93 | +## Go Interactive: Jupyter Notebook Simulator |
| 94 | +For hands-on practice, download our [Interactive Workflow Builder Notebook](tutorials/Workflow-Builder-Notebook.ipynb). It includes widgets to build and simulate prompt chains without running the full app! |
| 95 | + |
| 96 | +**How to Use**: |
| 97 | +1. Install Jupyter: `pip install notebook` |
| 98 | +2. Download the .ipynb file. |
| 99 | +3. Run `jupyter notebook` and open the file. |
| 100 | +4. Interact with widgets to test prompts in real-time. |
| 101 | + |
| 102 | +Completed all quests? Share your custom workflows on Discord! |
| 103 | + |
| 104 | +Back to [Getting Started](Getting-Started.html) |
0 commit comments