正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

If you're doing any type of frontend development, this 3 minute video might change your workflow forever. Previews in Windsurf is much more than just a convenient browser tab within your IDE. It also comes with the ability to directly send individual elements and console errors to Cascade, ensuring... show more

Windsurf

69,722 subscribers

90,969 次观看 • 1 年前 •via X (Twitter)

教育科学技术喜剧

Anya Rossi• Live Now

Private livecam show

11 条评论

Doruk 的头像

Doruk1 年前

its a flow credit monster 🥶

Christian Esmann 的头像

Christian Esmann2 年前

I just launched an all-in-one template for cross-platform development, based on the stack I use myself everyday. Expo, NextJS, TypeScript, Tailwind, Firebase, AppsFlyer, Authentication, Analytics, In-App Purchases, Stripe and a lot more, setup by default.

Abraham Cherian 的头像

Abraham Cherian1 年前

Amazing

Arslan 的头像

Arslan1 年前

After the 3.7 sonnet update, it's gone crazy. I've lost count of how many times I got cascade internal error message nowadays. Please fix it.

Dr Colin Vickers 的头像

Dr Colin Vickers1 年前

Great innovation! Can't wait to try this out!

Austin Armstrong 的头像

Austin Armstrong1 年前

@AiBreakfast Love how this quick video tutorial could revolutionize frontend development workflow. Have you tried implementing these preview techniques?

Albert Papadosifakis 的头像

Albert Papadosifakis1 年前

I love @windsurf_ai but trying to get it to connect to my supabase and have it drop create tables and create something fast is not as easy as the "competitor" unless I am missing something :(

Trevor 的头像

Trevor1 年前

This is so dope

pankaj.eth 的头像

pankaj.eth1 年前

This is hilarious!!

Samautomation.work 的头像

Samautomation.work1 年前

Impressive … how cool would it be to just add a image of a website and select the area and it recreates rhetorical functionality and look and feel of that site

Vera Badias 的头像

Vera Badias1 年前

fix this shit first

相关视频

Wave 5 is here! Headlining this update: ⏩ Windsurf Tab We've made huge improvements to our passive predictive Tab experience, which is now much faster and handles more context. It's also free to use for everyone, with no limits! Also included in this wave are several context, performance, and credit system improvements.

Wave 5 is here! Headlining this update: ⏩ Windsurf Tab We've made huge improvements to our passive predictive Tab experience, which is now much faster and handles more context. It's also free to use for everyone, with no limits! Also included in this wave are several context, performance, and credit system improvements.

Windsurf

172,321 次观看 • 1 年前

Day 2 of Wave 10 is here! Introducing the Windsurf Browser, a fully functional browser that integrates with Cascade. You can use it like a normal browser while also selecting components, diagrams, text, logs, or anything else on the page and send it back to Cascade as context.

Day 2 of Wave 10 is here! Introducing the Windsurf Browser, a fully functional browser that integrates with Cascade. You can use it like a normal browser while also selecting components, diagrams, text, logs, or anything else on the page and send it back to Cascade as context.

Devin Desktop

153,323 次观看 • 1 年前

I just built this CRACKED Cursor MCP extension that makes your IDE fully aware of all the logs in your browser. Was struggling with a few issues recently and kept having to copy/paste logs but with this tool you can: ✅ Check all console logs + errors ✅ Analyze network requests, responses and errors ✅ Make changes to a selected element in your browser ✅ Take screenshots of your browser ... without EVER having to leave your IDE 🦾 Open source, FREE and compatible with Cursor, Cline, Continue and Zed. Link to the docs with setup instructions down below 👇

I just built this CRACKED Cursor MCP extension that makes your IDE fully aware of all the logs in your browser. Was struggling with a few issues recently and kept having to copy/paste logs but with this tool you can: ✅ Check all console logs + errors ✅ Analyze network requests, responses and errors ✅ Make changes to a selected element in your browser ✅ Take screenshots of your browser ... without EVER having to leave your IDE 🦾 Open source, FREE and compatible with Cursor, Cline, Continue and Zed. Link to the docs with setup instructions down below 👇

Ted Werbel

179,882 次观看 • 1 年前

In today's Wave 11, @windsurf 's Browser got a lot more powerful. Frontend devs just got +10 on all attributes ICYMI, Windsurf has its own Browser which could send stuff from the Browser into context as an @-mention Today we are equipping Cascade with a bunch of new tools that can automate browser use In this video you can see how Cascade can open up new tabs, read tabs and navigation history, read page content, take screenshots, and capture DOM trees. All via these new browser tools

In today's Wave 11, @windsurf 's Browser got a lot more powerful. Frontend devs just got +10 on all attributes ICYMI, Windsurf has its own Browser which could send stuff from the Browser into context as an @-mention Today we are equipping Cascade with a bunch of new tools that can automate browser use In this video you can see how Cascade can open up new tabs, read tabs and navigation history, read page content, take screenshots, and capture DOM trees. All via these new browser tools

Rob

15,210 次观看 • 1 年前

We made Cascade smarter, faster, and more reliable. Next up: Better Tab👇

We made Cascade smarter, faster, and more reliable. Next up: Better Tab👇

Windsurf

32,623 次观看 • 11 个月前

Tools like Windsurf could change education forever Agents like Cascade can be instructed to perform a variety of predetermined tasks, including being your personal computer science tutor The potential use cases are truly mind boggling

Tools like Windsurf could change education forever Agents like Cascade can be instructed to perform a variety of predetermined tasks, including being your personal computer science tutor The potential use cases are truly mind boggling

Windsurf

53,251 次观看 • 1 年前

Frontend coding may be dead with this new ability with Cursor AI ☠️ Just watched it build a complete Stripe pricing page clone in 4 minutes The workflow is insane: 1) Turn on browser mode in chat 2) Provide your localhost link + target page 3) Boom, done Full responsive design, proper styling, interactive elements - everything This is getting ridiculous...

Frontend coding may be dead with this new ability with Cursor AI ☠️ Just watched it build a complete Stripe pricing page clone in 4 minutes The workflow is insane: 1) Turn on browser mode in chat 2) Provide your localhost link + target page 3) Boom, done Full responsive design, proper styling, interactive elements - everything This is getting ridiculous...

corbin

66,897 次观看 • 9 个月前

This Cursor Extension is awesome Accurate tweaking of UI was always a struggle, But stagewise allows you to bring full context to Cursor, just point and command: 1. Directly choose specific elements in browser 2. Send to Cursor with full context And it's open source

This Cursor Extension is awesome Accurate tweaking of UI was always a struggle, But stagewise allows you to bring full context to Cursor, just point and command: 1. Directly choose specific elements in browser 2. Send to Cursor with full context And it's open source

Jason Zhou

93,308 次观看 • 1 年前

This is Nouns. A new type of brand. A movement. It's open source. There's no copyright. Anyone can use it and create with it, in any way they want. And if your idea is great, Nouns will fund you to do it. What will you build? ⌐◨-◨

nounish ⌐◨-◨

82,583 次观看 • 3 年前

2025 is already shaping up to be one of craziest years in recent memory. Cascade is already writing 90% of our users' code, and this number will continue to go up. Our Kevin Hou walks us through what the Windsurf experience could look like by the end of the year:

2025 is already shaping up to be one of craziest years in recent memory. Cascade is already writing 90% of our users' code, and this number will continue to go up. Our Kevin Hou walks us through what the Windsurf experience could look like by the end of the year:

Windsurf

24,777 次观看 • 1 年前

I built Quill as a universal voice layer for macOS using Grok's speech-to-text The idea is stupidly simple: STT is insanely good now... why would you want to type when you can just talk? Quill listens in real time and drops the words directly wherever your cursor is... X, email, docs, coding tools, basically any app on your Mac It also opens Grok Build with a single "Open Grok" command No need to switch windows, copy-paste, or stop what you're doing just to type If you're building, coding, writing, researching, or simply spend a lot of time on your Mac, you stop thinking about typing and just focus on what you actually want to say or build It's real-time, works instantly, and it's included with your SuperGrok subscription This is literally a game-changer. Try it once, you'll know

I built Quill as a universal voice layer for macOS using Grok's speech-to-text The idea is stupidly simple: STT is insanely good now... why would you want to type when you can just talk? Quill listens in real time and drops the words directly wherever your cursor is... X, email, docs, coding tools, basically any app on your Mac It also opens Grok Build with a single "Open Grok" command No need to switch windows, copy-paste, or stop what you're doing just to type If you're building, coding, writing, researching, or simply spend a lot of time on your Mac, you stop thinking about typing and just focus on what you actually want to say or build It's real-time, works instantly, and it's included with your SuperGrok subscription This is literally a game-changer. Try it once, you'll know

X Freeze

50,827 次观看 • 1 天前

"To any governors or state legislators out there, I don't know what the point of building up so much political capital is if you're not willing to use it in this particular moment. We cannot unilaterally disarm. So if you are in a position where you have the power to redraw your maps... if you have the ability to step up and meet this moment with the urgency that it deserves, I'm calling on you to do exactly what we're doing in California and to fight fire with fire." h/t Elex Michaelson

"To any governors or state legislators out there, I don't know what the point of building up so much political capital is if you're not willing to use it in this particular moment. We cannot unilaterally disarm. So if you are in a position where you have the power to redraw your maps... if you have the ability to step up and meet this moment with the urgency that it deserves, I'm calling on you to do exactly what we're doing in California and to fight fire with fire." h/t Elex Michaelson

Brian Tyler Cohen

102,367 次观看 • 9 个月前

Culture is genetic because behavior is genetic. This beaver never saw a dam in its life. No beavers or anything else ever taught it to build a dam. It wants to build a dam because it is a beaver. Many beavers together build a big dam. That is beaver culture. Humans are not different. Nothing is different. This is what life is. This is how life works. Your body is your mind. A caterpillar wants to build a chrysalis. A bee wants to build a hive. A lion wants to build a pride. You are not special. You are not above your nature. you are INSIDE of it. The thoughts that we think are genetic thoughts. The crimes we commit are genetic crimes. The art we create is genetic art. Just like this beaver, you can give the animal different sticks and it will build a different dam, but it will always build a dam. And you can give humans different "education," but the human will always use it to do what its genes tell it to do. This is the first big answer that you need. This is the biggest piece of the puzzle. This is how to understand people 90% of the way. You just... notice what they do, and get out of the way, and watch them do it. And if they need sticks, you give them sticks. And if you don't like what they do, you have to get away from them. You cannot train dam-building into them or out of them any more than you can with a beaver. A beaver wants to build a dam because it is a beaver. Whatever you see people build, that's what they wanted to build from the sticks they got in the river they were in. Stop pretending you can change it.

Culture is genetic because behavior is genetic. This beaver never saw a dam in its life. No beavers or anything else ever taught it to build a dam. It wants to build a dam because it is a beaver. Many beavers together build a big dam. That is beaver culture. Humans are not different. Nothing is different. This is what life is. This is how life works. Your body is your mind. A caterpillar wants to build a chrysalis. A bee wants to build a hive. A lion wants to build a pride. You are not special. You are not above your nature. you are INSIDE of it. The thoughts that we think are genetic thoughts. The crimes we commit are genetic crimes. The art we create is genetic art. Just like this beaver, you can give the animal different sticks and it will build a different dam, but it will always build a dam. And you can give humans different "education," but the human will always use it to do what its genes tell it to do. This is the first big answer that you need. This is the biggest piece of the puzzle. This is how to understand people 90% of the way. You just... notice what they do, and get out of the way, and watch them do it. And if they need sticks, you give them sticks. And if you don't like what they do, you have to get away from them. You cannot train dam-building into them or out of them any more than you can with a beaver. A beaver wants to build a dam because it is a beaver. Whatever you see people build, that's what they wanted to build from the sticks they got in the river they were in. Stop pretending you can change it.

hoe_math = PsychoMath

1,189,824 次观看 • 11 个月前

THIS GUY ADDED A LIVE BROWSER TO CLAUDE CODE SO YOU CAN CLICK ANY ELEMENT AND EDIT IT INSTANTLY biggest issue with vibe coding UI is that you have to describe what you want to change. if you prompt it the wrong selector or wrong component, Claude can't find it. now you just click it. your app runs in an embedded browser with Claude Code. you can click any button, any text, any div. Claude instantly knows exactly what you're pointing at. click. instruct. done. no more "change the button in the top right corner of the second card component." all you have to do now is just click the button. AND its open source

THIS GUY ADDED A LIVE BROWSER TO CLAUDE CODE SO YOU CAN CLICK ANY ELEMENT AND EDIT IT INSTANTLY biggest issue with vibe coding UI is that you have to describe what you want to change. if you prompt it the wrong selector or wrong component, Claude can't find it. now you just click it. your app runs in an embedded browser with Claude Code. you can click any button, any text, any div. Claude instantly knows exactly what you're pointing at. click. instruct. done. no more "change the button in the top right corner of the second card component." all you have to do now is just click the button. AND its open source

Om Patel

152,845 次观看 • 4 个月前

How much is your time worth? What if I told you that you could save hours of development time every week! Swifty Stack is my video course that will help you improve your engineering efficiency through best techniques, frameworks and tools. Launch sale Engineers can charge a lot per hour, applying this course recommendations will help you save many hours every week! You can use that efficiency improvement to either raise your rates, or spend the extra time with your family and doing things you enjoy outside of work. Remember that you can always make more money, but you can never pay money to recover the time you lost. Let me know what you think and I appreciate your support and sharing this with other devs.

How much is your time worth? What if I told you that you could save hours of development time every week! Swifty Stack is my video course that will help you improve your engineering efficiency through best techniques, frameworks and tools. Launch sale Engineers can charge a lot per hour, applying this course recommendations will help you save many hours every week! You can use that efficiency improvement to either raise your rates, or spend the extra time with your family and doing things you enjoy outside of work. Remember that you can always make more money, but you can never pay money to recover the time you lost. Let me know what you think and I appreciate your support and sharing this with other devs.

Krzysztof Zabłocki

340,454 次观看 • 2 年前

How to Check Flight Status and Make Changes to your Flight With just a few simple steps, our self-service options allow you to manage your bookings, check your flight status, and resolve any issues in no time. This video will guide you through the process, making your journey smoother and more convenient. Let us show you how effortless it can be. We appreciate your patience and understanding during this time. We are dedicated to making your journey better and look forward to serving you onboard.

How to Check Flight Status and Make Changes to your Flight With just a few simple steps, our self-service options allow you to manage your bookings, check your flight status, and resolve any issues in no time. This video will guide you through the process, making your journey smoother and more convenient. Let us show you how effortless it can be. We appreciate your patience and understanding during this time. We are dedicated to making your journey better and look forward to serving you onboard.

Malaysia Airlines

14,347 次观看 • 1 年前

Today, we launched browser use inside Codex to further close the build & verify loop for local development! Now, you can ask Codex to build your front end, and test it like a user would by clicking through the app. Codex sees everything a user sees through vision & checks the network/console logs to help debug & fix any issues that it finds. This change brings us closer to fully autonomous coding agents that delivers high quality and tested changes. Watch Codex test my app in the browser, catch & fix a real bug, and doing that loop again with a brand new feature.

James Sun

226,529 次观看 • 3 个月前

Building with AI gets easier every day. Here is an open-source library that makes integrating AI into an application extremely easy: Star the repository! This library alone can make React the best front-end framework out there! There are a bunch of cool things I like about CopilotKit. Here are 3 of them: 1. It allows you to take any -powered agent and bring it into your application. (This is a brand-new feature!) 2. You can build an AI-powered chatbot in your application. The chatbot will have access to your context and can act on the application. 3. You can build a RAG workflow to process and answer questions from a real-time knowledge base. I recorded a video to show you how simple it is to make some of this happen. A few lines of code, and you are in business. Here is a link to the sample application: CopilotKit is open-source. You can self-host it. You can use it with any LLM. Thanks to the team for showing me their tool and collaborating with me on this post!

Santiago

108,835 次观看 • 2 年前