📱
📱

Mobile Dev Challenges

  • No Windsurf mobile app

  • Need for local file access

Slide 1 of 1Remaining 0

“Man, I really want to develop at a cafe right now, but my PC is heavy and it’s a pain to bring it…” “I only brought my iPad, but a sudden bug fix request came in…”

Every engineer has had that experience at least once, right? Especially if you use the recent hot AI editor Windsurf , the desire to “Windsurf anywhere!” grows because of its comfort.

However, unfortunately, Windsurf does not have a mobile app. “So is it impossible?” It’s too early to give up. Actually, by well-combining existing technologies, there is a “secret trick” to “have an AI experience equivalent to Windsurf while directly tweaking files on your home PC from your smartphone or iPad.”

This time, I will introduce the two ultimate solutions that I actually arrived at through trial and error.


To jump to the conclusion, this is the optimal solution for now.

As goes without saying, the base of Windsurf is “VS Code.” The original VS Code has a god-tier feature called “Remote Tunnel,” and if you use this, your smartphone”s browser becomes VS Code just as it is.

Then, you throw in an AI plugin comparable to Windsurf”s “Cascade.” With this, a pseudo-Windsurf environment is complete.

Why is this the strongest?

Communication is Blazing Fast: Since it”s an exchange of “text data” rather than screen sharing (video), it works smoothly even on a 4G connection, let alone Starbucks Wi-Fi.

UI Optimized for Mobile: When opened in a browser, it properly becomes “VS Code that is easy to see with touch operations.”

Directly Edit Local Files: No need to upload to the cloud. You can directly tweak projects in the mothership of your home PC.

Setup Procedure

It looks difficult, but it actually ends in 3 steps.

Step 1: Preparation of Mothership (Home PC/Mac)

First, launch normal VS Code (the original, not Windsurf) on your home PC.

  1. Click the account icon at the bottom left.
  2. Select “Turn on Remote Tunnel Access…”
  3. Log in with your GitHub account.
  4. Name your PC (e.g., My-Gaming-PC).

Now, your PC has become a “development server accessible from anywhere in the world.”

Step 2: Connect from Smartphone/Tablet

  1. Open the browser on your iPhone or iPad.
  2. Enter vscode.dev in the URL bar.
  3. Log in with the same GitHub account as before.
  4. Choose “Connect to Tunnel” from the menu and select your home PC.

Yes, your home PC environment appeared in the browser just as it is. Like magic, right?

Step 3: “Windsurf-ify” (Introduction of AI)

This is just normal VS Code if left as is. Let”s put in extension features to create a “pair programming experience with AI” like Windsurf.

Essential Plugin: Cline (formerly Claude Dev)

This is closest to the identity of Windsurf”s “Cascade.” It is a fully autonomous agent that “reads multiple files, edits them on its own, and also hits commands in the terminal.”

Just search for “Cline” from the extensions tab, install it, and put in an Anthropic or OpenAI API key. Now, just by instructing from your iPad to “fix the component design. Also restart the preview server,” your home PC will work on its own. Future-like.


Approach 2: Remote Desktop (Brute Force)

“No, I want to see the real Windsurf screen by all means!” “Settings are a pain!”

For such hard-boiled people, there is a brute force method called Remote Desktop. In short, “it”s a way to transfer the PC screen to the smartphone as it is.

Pros and Cons

Feature VS Code Tunnel Remote Desktop
Reproducibility △ (Just VS Code after all) ◎ (The real thing itself)
Operability ◎ (Mobile optimized) × (High difficulty with touch)
Communication ◎ (Text only) × (Constant video streaming)

Operating a PC screen on a smartphone with a small screen requires, to be honest, finger movements on par with professional gamers.


”Three Sacred Treasures” Supporting Comfortable Mobile Development

Settings of tools are not the only things that decide development efficiency on the go. Choice of hardware and “skills” to master it are equally important.

💡

おすすめ書籍紹介

Know-how for changing an iPad from a mere viewer to the strongest productivity machine is condensed. From utilizing AI tools to the essence of multitasking, it is a must-have for mobile developers.

Especially the combination of iPad Pro and Magic Keyboard provides comfort that is not an exaggeration to call a “MacBook with a beautiful screen.”

💡

Recommended Device

With the M4 chip, overwhelming power that lets you feel no delay at all even over a VS Code tunnel. 11-inch is the size with the best balance of portability and work efficiency.

💡

Essential Accessory

The keystroke feel is the MacBook itself. Having a trackpad makes 'precision coding' possible even in a mobile environment.


Deep Dive: SSH Tunneling and Port Forwarding

To access a home local development server (like localhost:3000) from the outside, it is useful to know manual SSH tunneling settings in addition to VS Code’s tunnel feature.

# Example of forwarding a port on your home PC
ssh -R 8080:localhost:3000 remote-user@remote-server

This makes it possible to hit your home’s port 3000 via a remote server from a browser on the smartphone side. It becomes a powerful weapon when instantly checking code generated by Windsurf’s Cascade on mobile.

Conclusion: Try “VS Code Tunnel” First!

If you want to code seriously on the go, “Approach 1 (VS Code Tunnel + Cline)” is the only choice.

People using Windsurf should already know the convenience of AI. This configuration that lets you take that experience outside becomes so convenient that you can’t go back once you do it.

Next off day, how about taking just your iPad, going to a cafe by the sea, and working your home PC hard while listening to the sound of waves?