[1 / 5] @windsurf just dropped a GAME CHANGING feature for frontend devs called "Previews" you can point and click to update your web site / app code 🤯 Here's how it works 🧵

[2/5] Ask cascade to start your site and it'll run your local dev command from your readme, package.json, etc. Will then run the dev process (ie. npm run dev) + the new "Preview" tool 🖼️ Click "Open Preview" to open in Windsurf. You can also open in Chrome, Arc, Safari, etc.

[3/5] Point and click to include as context 🎯 Windsurf will do a number of things behind the scenes to parse the proper context: 1. Lookup the HTML / CSS / JS source 2. Map the UI to a React component or other JS component 3. Send the console logs to Windsurf

[4/5] Provide instructions and Windsurf will then perform its usual AI agent magic to make the necessary updates to turn your ideas into reality 🪄 This includes reading the React component tsx files, grepping for relevant strings, performing file edits, etc.

[5/5] Windsurf Preview keeps you in the flow so you can build better and ship faster 🚀 Follow for more AI dev tool content. And you can try all this for free ⬇️

Introducing OPEN, the first genre-defining AAA metaverse gaming experience with top-tier IP powered by web3 technology. Coming to @thereadyverse. #opensoon

@windsurf_ai This feature is one of the core benefits of native vibe coding apps (Bolt, Lovable, v0) that was missing from code-first tools. I think it’s really going to help vibe coders. Seeing client side errors is a big deal in understanding the state of the app.

@windsurf_ai This is an absolute game changer, I was going to request this but wasn’t sure if it was possible inside windsurf as opposed to a browser tool like lovable

@windsurf_ai would love to hear your other requests 👀

@windsurf_ai Holy shit

@windsurf_ai 😁

@windsurf_ai Actual beastmode release love this