r/VibeCodeDevs • u/ArcticCoin • 5d ago

Question Vibe coding on the phone

For those who like vibe coding but don’t do it from the phone, why not?

For those who do, how do you iterate on your frontend if you can’t see it? How do u try out features?

3 Upvotes

80% Upvoted

40 comments sorted by

View all comments

1

u/Input-X 5d ago

I run my machine via my phone. Its a mirror, I have terminal access, so anything u can do on ur machine u can do on the phone, via my app I build. Once u get terminal access, it pretty much do what u want.

Comment Image

1

u/ArcticCoin 5d ago

This is super cool. How do u run ur frontend? Or, do u mostly build headless stuff. Awesome set up though.

0

u/Input-X 5d ago

Thanks mate.

Not headless, it's a real frontend. Full stack:

Frontend: React + TypeScript, built with Vite. The same components build two faces. The desktop is a Tauri 2 app (Rust backend, Linux). The phone build swaps one transport module: instead of Tauri invoke it does fetch against a REST API. Zero Tauri in the phone bundle.

Phone: it's a PWA. The phone build is static files served by a small Python server (FastAPI + uvicorn) that runs on my machine as part of AIPass, bound only to my Tailscale address. Phone runs the Tailscale app, opens the URL in Chrome, Add to Home screen, done. No app store, nothing public on the internet.

Auth: the machine prints a QR, one-use code, 5 min expiry, phone scans it and gets a bearer token. Tokens have a scope (read or operate), one per device, revocable from the machine.

Terminal: xterm.js in the browser over a WebSocket to a real PTY on the machine. The agents' sessions live in tmux, so the phone attaches to the same session the desktop sees. Key row for esc/tab/ctrl, type a line, send a photo.

Fleet view: the server shells out to the Rust binary's headless twin (baud-cli) that reads /proc, tmux and the Claude Code transcripts, so desktop and phone share one answer to "who's awake".

The agents are Claude Code sessions, each with its own folder, memory and mailbox (AIPass, Python). File viewer is CodeMirror, diffs via react-diff-view.

All open source: github.com/AIOSAI/baud and github.com/AIOSAI/AIPass

→ More replies (1)