❓ How to use Workflow Builder
1
Choose the output: Python or HTML/JSTop left, the
🐍 Python / 🌐 HTML/JS selector decides the type of code generated. Python → a main.py script (command-line tool). HTML/JS → a complete index.html web page (HTML + CSS + JS). You can change it anytime; the choice is saved with the project.2
Place your blocksClick
☰ Menu for the entry point (terminal menu in Python, or page navigation/buttons in HTML), and ⌨ App for an action (a Python function, or a JavaScript function in HTML).3
Link Menu → AppDrag from the small orange dot of a menu entry to an App block. Each numbered entry (1, 2…) corresponds to an action triggered by the menu.
4
Add NotesDrag from the dot of an App block to a
TO DO Note. Describe in the note what this step should do — that's what Claude receives as instruction.5
Chain the stepsFrom the
+ of a TO DO Note, automatically generate the next step. Steps connect horizontally from left to right.6
Validate what's doneRight-click a Note →
Properties, or press V to toggle the note from TO DO (yellow) to DONE (green). Validated notes no longer appear in the prompt.7
Generate the Claude promptClick
📋 Prompt — the full prompt is copied to the clipboard. Paste it into Claude.ai to get the code matching the chosen output: a main.py (Python) or an index.html (HTML/JS).8
Save your projectClick
💾 Save (or Ctrl+S) to export the project as JSON. Reload it with 📂 Open to pick up where you left off — the chosen output is preserved.9
Compile to .exe (Python only)In
🐍 Python output, the ⚙ PyInstaller button appears: it configures the options (icon, hidden libs, data folders) and copies the Windows compile command. This button is hidden in HTML/JS output (a web page doesn't need compiling).💡 Shortcut tip:
Ctrl+S save · Ctrl+O open · V validate a note · Del delete · Ctrl+Z undo · Ctrl+Y redo · Right-click an arrow to delete it.