Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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... show more

corbin

57,458 subscribers

66,890 views • 8 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Use Design Mode in Cursor 3 to annotate and target UI elements in the browser.

Use Design Mode in Cursor 3 to annotate and target UI elements in the browser.

Cursor

271,615 views • 2 months ago

How to create a full frontend from one design: 1. Screenshot the design 2. Generate prompts in CopyCoder 3. Paste prompts into Cursor and keep typing "yes" until the build is done → Full frontend app with all the pages created

How to create a full frontend from one design: 1. Screenshot the design 2. Generate prompts in CopyCoder 3. Paste prompts into Cursor and keep typing "yes" until the build is done → Full frontend app with all the pages created

Moritz Kremb

58,814 views • 1 year ago

cursor design mode + remotion is actually insane everything in remotion is code, so you can annotate changes directly on the video and cursor just updates it. having a lot of fun with this here's 15 minutes of me improving the agent swarm video

cursor design mode + remotion is actually insane everything in remotion is code, so you can annotate changes directly on the video and cursor just updates it. having a lot of fun with this here's 15 minutes of me improving the agent swarm video

eric zakariasson

155,386 views • 1 month ago

While your team is just getting started vibe coding prototypes, the team at Stripe is vibe coding a full vibe coding platform. Owen Williams ⚡ is a design manager at Stripe who built Protodash - an internal AI prototyping tool that lets designers and PMs spin up real, clickable prototypes in minutes. In this ep he walks through: - why generic AI tools produce "blurple slop" that doesn't match your design system - how he built a full prototyping studio on top of dev boxes with cursor + cc - why more PMs than designers now use Protodash - the design review mode that lets teams ship feedback direct in the app Plus, we talk about getting to the ultimate dream: demos, not memos. ty to our sponsors! 🧠 CESAR - Intelligent automation built for AI 💻 Cursor - The best way to code with AI Full episode on yt:

While your team is just getting started vibe coding prototypes, the team at Stripe is vibe coding a full vibe coding platform. Owen Williams ⚡ is a design manager at Stripe who built Protodash - an internal AI prototyping tool that lets designers and PMs spin up real, clickable prototypes in minutes. In this ep he walks through: - why generic AI tools produce "blurple slop" that doesn't match your design system - how he built a full prototyping studio on top of dev boxes with cursor + cc - why more PMs than designers now use Protodash - the design review mode that lets teams ship feedback direct in the app Plus, we talk about getting to the ultimate dream: demos, not memos. ty to our sponsors! 🧠 CESAR - Intelligent automation built for AI 💻 Cursor - The best way to code with AI Full episode on yt:

claire vo 🖤

91,880 views • 1 month ago

This is just insane… My GPT-4 coding assistant can now: - build and design a frontend - create a backend with working db - correctly hook them up - upload code to GitHub - deploy it to Vercel I can now build *complete* apps with nothing more than my voice. The future is here!

This is just insane… My GPT-4 coding assistant can now: - build and design a frontend - create a backend with working db - correctly hook them up - upload code to GitHub - deploy it to Vercel I can now build complete apps with nothing more than my voice. The future is here!

Mckay Wrigley

5,715,432 views • 3 years 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!

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,110 views • 8 months ago

Opus Claude Is Insane. This is a tutorial a 12 min on how Build 3D Websites in Minutes with Al (0 Design + 0 Coding) with Claude Opus 4.8

Opus Claude Is Insane. This is a tutorial a 12 min on how Build 3D Websites in Minutes with Al (0 Design + 0 Coding) with Claude Opus 4.8

me

562,313 views • 12 days ago

omg, this new text to app AI agent is crazy Adaptive AI can clone apps with a build in AI agent , no coding & API needed, fully functional I just cloned ChatGPT, Netflix, Apple, Airbnb in mins: 1. Clone ChatGPT app with voice mode, image generation, analyse PDF & video

omg, this new text to app AI agent is crazy Adaptive AI can clone apps with a build in AI agent , no coding & API needed, fully functional I just cloned ChatGPT, Netflix, Apple, Airbnb in mins: 1. Clone ChatGPT app with voice mode, image generation, analyse PDF & video

el.cine

182,070 views • 1 year ago

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 that context is properly injected and changes are made with precision, every time. What will you build this weekend?

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 that context is properly injected and changes are made with precision, every time. What will you build this weekend?

Windsurf

90,969 views • 1 year ago

Build a chat app for your agent in under 3 minutes with AI Elements and AI Gateway.

Build a chat app for your agent in under 3 minutes with AI Elements and AI Gateway.

AI SDK

46,333 views • 10 months ago

The most powerful AI coding agent is here. You can now build full-stack apps with just 1 prompt. No more toy apps, This AI builds real products with infra, auth, scale. 4 insane examples + how to try free:👇 1. Spotify clone.

The most powerful AI coding agent is here. You can now build full-stack apps with just 1 prompt. No more toy apps, This AI builds real products with infra, auth, scale. 4 insane examples + how to try free:👇 1. Spotify clone.

Robin Delta

28,392 views • 11 months ago

Opus 4.8 Is Insane. ❤️‍🔥Just recorded a 12-min tutorial on how | Build 3D Websites in Minutes with Al (0 Design + 0 Coding)

Opus 4.8 Is Insane. ❤️‍🔥Just recorded a 12-min tutorial on how | Build 3D Websites in Minutes with Al (0 Design + 0 Coding)

Viktor Oddy

308,684 views • 20 days ago

CopyCoder is finally live!! Build a FULL frontend with just one screenshot 1. Screenshot any app 2. Generate prompts 3. Paste into AI builder 4. Full FE clone app is created Comment "copycoder" and I'll DM u access

CopyCoder is finally live!! Build a FULL frontend with just one screenshot 1. Screenshot any app 2. Generate prompts 3. Paste into AI builder 4. Full FE clone app is created Comment "copycoder" and I'll DM u access

Moritz Kremb

270,407 views • 1 year ago

I used the new Cursor agent + CopyCoder to build a Calendly frontend clone in 20mins Cursor agent now: - runs terminal commands - picks it's own context - executes more jobs with one prompt Crazy where this is going

I used the new Cursor agent + CopyCoder to build a Calendly frontend clone in 20mins Cursor agent now: - runs terminal commands - picks it's own context - executes more jobs with one prompt Crazy where this is going

Moritz Kremb

164,215 views • 1 year ago

You can now clone any website design in seconds with AI. Just grab any live UI with the new MagicPath Extension and the AI will instantly create a working clone you can build on top of. I literally just recreated Claude’s UI with it. This is Figma completely redesigned.

You can now clone any website design in seconds with AI. Just grab any live UI with the new MagicPath Extension and the AI will instantly create a working clone you can build on top of. I literally just recreated Claude’s UI with it. This is Figma completely redesigned.

Alvaro Cintas

200,622 views • 7 months ago

After testing every AI toolchain for a year, this is the only workflow I'm endorsing: Figma → Claude Code (Sonnet 4.5) Here's how I'm building Lorelight: 1. Design the happy path in Figma 2. Feed it to Claude Code via Figma MCP 3. Get a strong foundation in 15 minutes 4. Spend the next 50+ hours iterating (still design work) The design/dev loop that used to be isolated is finally closing. I even built a complete design system in within minutes. Custom components, living documentation, accessibility rules all from the Figma designs. If you're measuring the effectiveness of these tools by whether they can "one-shot" a design, you're consuming too many AI hype commercials. Log off. Then go actually build something with your hands. With AI. With your taste. Stop trying to "one-shot" good shit. And go make stuff with the new tools. For designers who want to ship real products, this is the stack that's getting it done.

After testing every AI toolchain for a year, this is the only workflow I'm endorsing: Figma → Claude Code (Sonnet 4.5) Here's how I'm building Lorelight: 1. Design the happy path in Figma 2. Feed it to Claude Code via Figma MCP 3. Get a strong foundation in 15 minutes 4. Spend the next 50+ hours iterating (still design work) The design/dev loop that used to be isolated is finally closing. I even built a complete design system in within minutes. Custom components, living documentation, accessibility rules all from the Figma designs. If you're measuring the effectiveness of these tools by whether they can "one-shot" a design, you're consuming too many AI hype commercials. Log off. Then go actually build something with your hands. With AI. With your taste. Stop trying to "one-shot" good shit. And go make stuff with the new tools. For designers who want to ship real products, this is the stack that's getting it done.

Tommy Geoco

22,905 views • 8 months ago

This is how a top designer uses Cursor to update design system components in Storybook Designers working on design systems should copy this AI workflow to reduce back and forth meetings with engineers 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Cursor + Storybook to build their design system 👇

This is how a top designer uses Cursor to update design system components in Storybook Designers working on design systems should copy this AI workflow to reduce back and forth meetings with engineers 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Cursor + Storybook to build their design system 👇

Jayneil Dalal

11,772 views • 3 months ago

AI can really do anything... someone asked me how to build an AI Agent that books meetings with a calendar link. I built this in 2 minutes with Cursor and npx create-browser-app 👇

AI can really do anything... someone asked me how to build an AI Agent that books meetings with a calendar link. I built this in 2 minutes with Cursor and npx create-browser-app 👇

Paul Klein IV

51,997 views • 1 year ago

The Dev Mode MCP Server is now available in beta. Access Dev Mode data directly in your agentic coding workflow → VS Code with Copilot → Cursor → Windsurf → Claude Code

The Dev Mode MCP Server is now available in beta. Access Dev Mode data directly in your agentic coding workflow → VS Code with Copilot → Cursor → Windsurf → Claude Code

Figma

252,822 views • 1 year ago

o3-mini 1-shoted the 40 Step Coding Plan for Cursor. This is huge! Coding models struggle to plan the coding workflow in Cursor/Windsurf. It is solved now. We already implemented it in CodeGuide Enjoy.

o3-mini 1-shoted the 40 Step Coding Plan for Cursor. This is huge! Coding models struggle to plan the coding workflow in Cursor/Windsurf. It is solved now. We already implemented it in CodeGuide Enjoy.

CJ Zafir

129,623 views • 1 year ago