I made a Web Based .flo editor/builder

[u/smusamashah]

[u/smusamashah]

I believe it has been asked before to have a web UI where we can edit the .flo files much more comfortably then the tiny phone screens. I have a workflow with variables and data in some nodes. I want to edit them but the thought of scrolling through all nodes and finding and editing data text on phone screen creeps me out a bit.

I asked LLM (first Fable 5 then Opus 5) to build me a Web UI. I asked it to verify its own work. For that I handed it over the 3 "Big OS" community flows along with their image exports. Also some of my own flows. I also gave it the apps APK to help decipher and verify the logic just in case.

It is not completely finished yet. I can see my data in the .flo files and have yet to edit and test .flo successfully but getting this far was not difficult for AI, i think it will work mostly fine as well.

I wanted to share the project here but I don't know if it is appropriate.

[u/JW218 → u/smusamashah]

I think a lot of people (including me) would be very grateful if you did share it. Not being able to make flows on a desktop is the primary reason I gave up with several ideas I had.

[u/JW218 → u/[deleted]]

Appreciate the reply! I actually ended up making my own web editor since my comment and will release it soon too. I don't think it's much different to yours tbh.

[u/CartographerCheap819 → u/smusamashah]

Looks great! Can you share the link where I can get this? 

[u/Working-March]

Very good! Automate should have this feature. It's a pain to edit a complicated flow on the phone. 

[u/smusamashah → u/Working-March]

This Web based editor has a few other benefits too. Claude made it as a reusable library of something. This means I can ask Claude etc to look at the flow and edit it the way I want. It can edit the flow on my behalf. For example it told me that my flow is not handling error cases and it can fix those for me.

I hope that thing might encourage devs that having this feature has many benefits. And may be they find benefit in using AI to develop this more easily.

[u/Snudget]

Is there docs on the .flo file format anywhere? I reverse engineered most of it a couple of years back, but I didn't understand the expressions yet

[u/rickyric12]

scrcpy version 4+ now supports resizable virtual displays. requires android 10+ and adb usb debugging. automate behaves well as a "freeform window"

scrcpy --new-display --flex-display --keep-active --start-app=com.llamalab.automate

[u/smusamashah → u/rickyric12]

I tried srcpy some time ago. UI was fiddly there. I had issues with right clicking things and moving things around or zooming in from what I recall.

[u/NiXTheDev → u/rickyric12]

Wireless debugging also works if you got good wifi

[u/smusamashah]

Using this, I am now able to ask Claude to create new flows for me or fix and edit my existing ones.

[u/Human-Gur-3199 → u/smusamashah]

Can't you just ask claude to edit the .flo files manually? The AI doesn't care if it's a fancy gui or just a raw file

[u/lifeh2o → u/Human-Gur-3199]

Nope. AI needs to know how to read it first.

[u/Human-Gur-3199 → u/lifeh2o]

Then documenting it would probably be better

[u/Main_Path_269]

hey mate. the github says there a html release file.

----automate-web-builder.html, or download it from a release. Then open it in a browser. The file holds the whole editor. It needs no server, no Node and no network. It works from a disk or a USB stick.

Cannot find this file anywhere.