Loading video...

Video Failed to Load

Go Home

Introducing vision mode: now your coding agent can take screenshots and record videos of your web app! In the demo below, we asked Tidewave to implement a feature, record videos of the feature working on both desktop and mobile resolutions, and deliver them to Slack.

josevalim's profile picture

José Valim

56,111 subscribers

11,956 views • 6 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

7 Comments

José Valim's profile picture
José Valim6 months ago

By default, Tidewave uses the accessibility tree for navigation and testing, which is the most efficient format in our tests. Screenshots help when working on themes and alignments issues. Learn more: Give Tidewave a try:

Mark Ericksen's profile picture
Mark Ericksen6 months ago

One of my favorite parts of the video has to be the background music! I feel like I’m in an elevator. 😆

José Valim's profile picture
José Valim6 months ago

ALL ABOARD THE HYPE ELEVATOR

Snob's profile picture
Snob6 months ago

Hey Jose, tell me please do Tidewave support to use local LLM like Google Gemma or Nvidia Nemotron running on local Env?

José Valim's profile picture
José Valim6 months ago

Yes, if you use OpenCode as your coding agent!

Snob's profile picture
Snob6 months ago

Thanks! Have to try on llama.cpp on my RTX 3090.

Daniel Cukier's profile picture
Daniel Cukier6 months ago

I recently tested @antigravity and it has this feature built-in.

Related Videos

Today, we're taking Manus out of the cloud and putting it on your desktop. Introducing My Computer, the core feature of the new Manus Desktop app. It’s your AI agent, now on your local machine.
0:56

Today, we're taking Manus out of the cloud and putting it on your desktop. Introducing My Computer, the core feature of the new Manus Desktop app. It’s your AI agent, now on your local machine.

Manus

4,382,621 views • 7 months ago

Introducing Tidewave Web for Rails and Phoenix: a coding agent that runs in the browser alongside your web application, with full page and code context. Tidewave deeply integrates with your stack, from the database to the UI, making AI development more seamless and efficient.
1:12

Introducing Tidewave Web for Rails and Phoenix: a coding agent that runs in the browser alongside your web application, with full page and code context. Tidewave deeply integrates with your stack, from the database to the UI, making AI development more seamless and efficient.

José Valim

101,322 views • 1 year ago

Introducing Tidewave: beyond code intelligence. While working on our web apps, we run code, query the database, read logs, search docs… but AI tools are limited to compiling code. Watch Tidewave transform Claude Desktop into an agent by running a MCP server in your web app!
4:51

Introducing Tidewave: beyond code intelligence. While working on our web apps, we run code, query the database, read logs, search docs… but AI tools are limited to compiling code. Watch Tidewave transform Claude Desktop into an agent by running a MCP server in your web app!

José Valim

88,002 views • 1 year ago

It is finally here: Tidewave now supports Claude Code and OpenAI Codex. Tidewave unlocks the full-stack potential of your favorite coding agent by tightly integrating it with your web app and web framework at every layer, from UI to database. More info 👇
1:13

It is finally here: Tidewave now supports Claude Code and OpenAI Codex. Tidewave unlocks the full-stack potential of your favorite coding agent by tightly integrating it with your web app and web framework at every layer, from UI to database. More info 👇

José Valim

100,739 views • 11 months ago

Introducing the Annotation mode in Google AI Studio apps🔥 really nice feature to make changes to your app and build out your ideas. quick demo:
1:59

Introducing the Annotation mode in Google AI Studio apps🔥 really nice feature to make changes to your app and build out your ideas. quick demo:

Patrick Loeber

18,931 views • 1 year ago

Introducing Yap - a tool that gives your agent the eyes, ears and hands to record and edit videos No UI, no AI, just primitives to record your screen, use the camera, and process videos Works with Claude/Codex/Grokbot/everyone... Send to your agent:
2:04

Introducing Yap - a tool that gives your agent the eyes, ears and hands to record and edit videos No UI, no AI, just primitives to record your screen, use the camera, and process videos Works with Claude/Codex/Grokbot/everyone... Send to your agent:

David

27,069 views • 16 days ago

ICP MCP. One agent. Every app. We asked Arshavir Ter-Gabrielyan for the killer feature. His answer: acting across your apps without switching between them. Move your whole account from one platform to another, and the agent does the app-hopping for you. As long as it can sign in to both, your posts, content, and connections come across. Full conversation below.
1:23

ICP MCP. One agent. Every app. We asked Arshavir Ter-Gabrielyan for the killer feature. His answer: acting across your apps without switching between them. Move your whole account from one platform to another, and the agent does the app-hopping for you. As long as it can sign in to both, your posts, content, and connections come across. Full conversation below.

DFINITY Foundation

28,189 views • 3 months ago

🚨 MAJOR MOBILE FEATURE 🚨 You can now record up to 1 hour of live audio directly in the mobile app. Capture lectures, team meetings, or your latest mad scientist rants and instantly use them as sources. Pro tip: Combine your live audio recordings with photos of your handwritten notes to create the ultimate personalized workspace
0:38

🚨 MAJOR MOBILE FEATURE 🚨 You can now record up to 1 hour of live audio directly in the mobile app. Capture lectures, team meetings, or your latest mad scientist rants and instantly use them as sources. Pro tip: Combine your live audio recordings with photos of your handwritten notes to create the ultimate personalized workspace

Gemini Notebook

231,906 views • 1 day ago

multi-chat and web search are live in build mode the coding agent can now pull real-time info from the web to ground your session in the latest documentation and with multi-chat you can spin up a fresh conversation to explore a new feature or idea, and jump back to previous sessions whenever you need
0:51

multi-chat and web search are live in build mode the coding agent can now pull real-time info from the web to ground your session in the latest documentation and with multi-chat you can spin up a fresh conversation to explore a new feature or idea, and jump back to previous sessions whenever you need

Google AI Studio

44,568 views • 6 months ago

Introducing Capy The agent that plans, builds, tests, and reviews your code - all in the cloud Multiplayer on web, mobile, and Slack
1:09

Introducing Capy The agent that plans, builds, tests, and reviews your code - all in the cloud Multiplayer on web, mobile, and Slack

Capy

116,258 views • 7 months ago

How to convert ANY web app into a Mobile App... That can be shipped to the App Store from your phone. (Zero Coding Required) This works with web apps made on Replit, Bolt, v0, Replit or Cursor. Tech Stack: 1. Claude Desktop (works with ChatGPT) 2. - Builds the Mobile app, Ships to App Store directly from the phone (Uses Claude Code) (Prompt for conversion below) TIMESTAMPS Intro The Web App We Will Convert The Mobile App that Builds Mobile Apps Mobile App Version 1 You can Publish this to the App Store Adding Additional Features (AI APIs) to your app Editing the Mobile App with the Select Feature
12:40

How to convert ANY web app into a Mobile App... That can be shipped to the App Store from your phone. (Zero Coding Required) This works with web apps made on Replit, Bolt, v0, Replit or Cursor. Tech Stack: 1. Claude Desktop (works with ChatGPT) 2. - Builds the Mobile app, Ships to App Store directly from the phone (Uses Claude Code) (Prompt for conversion below) TIMESTAMPS Intro The Web App We Will Convert The Mobile App that Builds Mobile Apps Mobile App Version 1 You can Publish this to the App Store Adding Additional Features (AI APIs) to your app Editing the Mobile App with the Select Feature

Riley Brown

59,326 views • 1 year ago

Introducing /ui-test Give your agent a PR, and it'll test your feature in a real browser, generating an HTML report with UI fixes The planner agent generates adversarial test cases to break your app, assigns them to subagents, and evaluates the page using the Browserbase CLI We reviewed a merged PR on Cal.com and found a bunch of small UI nits:
0:35

Introducing /ui-test Give your agent a PR, and it'll test your feature in a real browser, generating an HTML report with UI fixes The planner agent generates adversarial test cases to break your app, assigns them to subagents, and evaluates the page using the Browserbase CLI We reviewed a merged PR on Cal.com and found a bunch of small UI nits:

Shrey Pandya

57,967 views • 6 months ago

Voices is officially live on the Suno mobile app for iOS and Android! 📱✨ Now you can record your vocals directly from your phone and use them across your tracks. Just hit the '+ Voice' button on the create screen, record for at least a minute, and let the music flow. (Pro and Premier plans have unlimited access, and free plans can try out a limited version!) Jump in the app, record your voice, and let us know how it's working for you in the comments!
1:12

Voices is officially live on the Suno mobile app for iOS and Android! 📱✨ Now you can record your vocals directly from your phone and use them across your tracks. Just hit the '+ Voice' button on the create screen, record for at least a minute, and let the music flow. (Pro and Premier plans have unlimited access, and free plans can try out a limited version!) Jump in the app, record your voice, and let us know how it's working for you in the comments!

Suno

34,660 views • 2 months ago

New in Immersive Web SDK 1.0: your coding agent can now run and test your app itself, either in the desktop emulator or on a Meta Quest connected to your computer. It finds the slowdowns your users would hit before they do. Start building with IWSDK 👉
0:35

New in Immersive Web SDK 1.0: your coding agent can now run and test your app itself, either in the desktop emulator or on a Meta Quest connected to your computer. It finds the slowdowns your users would hit before they do. Start building with IWSDK 👉

Meta for Developers

12,712 views • 14 days ago

Now introducing Replit Desktop, a seamless way to multitask and get the best of Replit right on your Desktop. Supported for both Windows and Mac.
0:52

Now introducing Replit Desktop, a seamless way to multitask and get the best of Replit right on your Desktop. Supported for both Windows and Mac.

Replit ⠕

83,988 views • 4 months ago

Ever wanted to take control of your own story? ✨ With HappyOyster's Directing Mode, you can create videos up to 3 minutes long, steer the narrative with commands, and even rewrite the story using the new pause-and-rewind feature. Watch HappyOyster in action!
0:27

Ever wanted to take control of your own story? ✨ With HappyOyster's Directing Mode, you can create videos up to 3 minutes long, steer the narrative with commands, and even rewrite the story using the new pause-and-rewind feature. Watch HappyOyster in action!

Alibaba Group

5,811,290 views • 3 months ago

Code Channels are now live in Slack! How to use them as a multiplayer IDE: in this demo we 1. Create a new Code Channel 2. Build a new feature 3. Invite a teammate to collaborate and review the PR 4. Receive an edited screen recording of the new feature being built and tested with Computer Use in Devin Code channels are ephemeral, so once the feature is complete we remove the channel and move on.
0:54

Code Channels are now live in Slack! How to use them as a multiplayer IDE: in this demo we 1. Create a new Code Channel 2. Build a new feature 3. Invite a teammate to collaborate and review the PR 4. Receive an edited screen recording of the new feature being built and tested with Computer Use in Devin Code channels are ephemeral, so once the feature is complete we remove the channel and move on.

nader dabit

50,285 views • 1 month ago

We asked Tidewave to improve its own homepage with autoplay of videos as we scroll through our features list. It implemented the feature and used contextual browser testing to scroll through the page, check the DOM, and verify it works! 🎯 Coming for Rails and Phoenix... today!
2:06

We asked Tidewave to improve its own homepage with autoplay of videos as we scroll through our features list. It implemented the feature and used contextual browser testing to scroll through the page, check the DOM, and verify it works! 🎯 Coming for Rails and Phoenix... today!

José Valim

20,208 views • 1 year ago

Cursor now has a built-in web browser. You can say "start my app" and it will run the dev server in a terminal and then navigate the browser to localhost:3000. It can take screenshots of the page for iterating on design, and you can send DOM elements to the agent with prompts!
0:24

Cursor now has a built-in web browser. You can say "start my app" and it will run the dev server in a terminal and then navigate the browser to localhost:3000. It can take screenshots of the page for iterating on design, and you can send DOM elements to the agent with prompts!

Lee Robinson

216,307 views • 1 year ago

My favorite new feature in the GitHub Copilot App: Canvases. Agent-created, agent-driven apps. Copilot has a built-in skill for creating and editing them. They hot reload in real time. They can talk to your agent, and your agent can talk back. Hyper-personalization is here.
5:02

My favorite new feature in the GitHub Copilot App: Canvases. Agent-created, agent-driven apps. Copilot has a built-in skill for creating and editing them. They hot reload in real time. They can talk to your agent, and your agent can talk back. Hyper-personalization is here.

Evan Boyle

68,270 views • 4 months ago