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.

I've been using Playwright MCP in my coding workflow for 2 use cases: 1. Cursor Self-iterate UI 2. AI-driven test automation With the recent image support, it is getting even better. ------ Here is how I do it: 0:00 Playwright intro 2:43 My Setup 6:00 Use case 1: Iterate... show more

Jason Zhou

25,069 subscribers

21,886 views • 1 year ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

7 Comments

Eyal Toledano1 year ago

@playwrightweb winning

Ithy1 year ago

What happens when you combine every AI? It's time for something better than ChatGPT...

lbx1 year ago

@playwrightweb few

Adhishtanaka Kulasooriya1 year ago

@playwrightweb wow

Saïd Aitmbarek1 year ago

@playwrightweb awesome MCP for auto tests

Ankush Singal1 year ago

@playwrightweb code available?

sjivan1 year ago

@playwrightweb Anything like this for Cypress?

Related Videos

10X better UI design for vibe coding - You can now use v0 in Cursor directly Turn average vibe coded UI into some production level frontend Here is my workflow & setup Can't wait for v0 to release 1.5 models access --- If you want to learn AI coding beyond basics, join I share tips & tricks weekly there

10X better UI design for vibe coding - You can now use v0 in Cursor directly Turn average vibe coded UI into some production level frontend Here is my workflow & setup Can't wait for v0 to release 1.5 models access --- If you want to learn AI coding beyond basics, join I share tips & tricks weekly there

Jason Zhou

78,621 views • 1 year ago

Those MCP totally 10x my Cursor workflow… - It reads my browser console / network log - It use Replicate to generate UI assets - It reads my supabase & figma ... Here I shared some of my fav MCP & how to install them, As well as the EASIST way to create your own MCP (Thanks to Cloudflare 's MCP-worker) 0:00 Cursor MCP overview 2:35 How to install common MCP 5:49 Let cursor read console/network log 7:24 Build yoru own MCP If you want to learn more about advanced AI coding workflow, join my community where I post tips weekly:

Those MCP totally 10x my Cursor workflow… - It reads my browser console / network log - It use Replicate to generate UI assets - It reads my supabase & figma ... Here I shared some of my fav MCP & how to install them, As well as the EASIST way to create your own MCP (Thanks to Cloudflare 's MCP-worker) 0:00 Cursor MCP overview 2:35 How to install common MCP 5:49 Let cursor read console/network log 7:24 Build yoru own MCP If you want to learn more about advanced AI coding workflow, join my community where I post tips weekly:

Jason Zhou

287,681 views • 1 year ago

2 things reduced 90% errors for my cursor past few days: 1. Test Driven Development 2. Memory Bank setup Memory bank tackles some big problems of getting Cursor working in existing code base too Here is my workflow If you want to learn more tips about vibe coding beyond basics, you can join AI Builder Club here: (also get free access to 10xCoder.Dev)

2 things reduced 90% errors for my cursor past few days: 1. Test Driven Development 2. Memory Bank setup Memory bank tackles some big problems of getting Cursor working in existing code base too Here is my workflow If you want to learn more tips about vibe coding beyond basics, you can join AI Builder Club here: (also get free access to 10xCoder.Dev)

Jason Zhou

32,205 views • 1 year ago

How to 10x your Cursor workflow? Many people struggle to get Cursor produce error free projects Here is my workflow to rebuild a $1 million micros Sass with ease: 1. O1 to prep doc with file tree & dependencies 2. Use Cursor for functionality & v0 for UI touch up 3. Use templates for modular functions like auth, payment, etc. 4. Use Helicone to monitor LLM usage 5. ... 0:00 Intro & Setup 2:25 Step 1 - Plan & Prep PRD 16:57 Step 2 - Build frontend 22:34 Step 3 - Connect LLM monitoring platform 25:44 Step 4 - Build backend - Supabase 37:26 Step 5 - UI Touch up Join my community where I share AI building tips weekly:

How to 10x your Cursor workflow? Many people struggle to get Cursor produce error free projects Here is my workflow to rebuild a $1 million micros Sass with ease: 1. O1 to prep doc with file tree & dependencies 2. Use Cursor for functionality & v0 for UI touch up 3. Use templates for modular functions like auth, payment, etc. 4. Use Helicone to monitor LLM usage 5. ... 0:00 Intro & Setup 2:25 Step 1 - Plan & Prep PRD 16:57 Step 2 - Build frontend 22:34 Step 3 - Connect LLM monitoring platform 25:44 Step 4 - Build backend - Supabase 37:26 Step 5 - UI Touch up Join my community where I share AI building tips weekly:

Jason Zhou

156,634 views • 1 year ago

made a video covering my ai coding workflow + tools, built a dashboard < 5 mins ridiculous how easy it is to go from idea to product now half my day is just conducting ai (cursor, claude v0) to build things for me 0:00 - 1:48 tools overview 1:50 - 3:43 initial setup 3:45 - 6:00 cursor magic w/ composer

made a video covering my ai coding workflow + tools, built a dashboard < 5 mins ridiculous how easy it is to go from idea to product now half my day is just conducting ai (cursor, claude v0) to build things for me 0:00 - 1:48 tools overview 1:50 - 3:43 initial setup 3:45 - 6:00 cursor magic w/ composer

Sully

238,996 views • 1 year ago

This is how I use LLM to scrape 99% of websites Many people didn't realise you can build agentic scraper to: 1. Handle Authentication, Human verification, Captcha 2. Handle pagination & complex UI interactions 3. Adaptive as website structure change 4. Scrape large set of data What used to take hours now can be automated in mins; Here I show case how do you automate a scraping job on Upwork where people are paying $50~$80 per hour; 0:00 Intro 1:54 Methods overview 4:52 Web Scraper agent using Spider Cloud 🕷️ Jina AI 8:37 Handle website auth & captcha using AgentQL 20:27 AI buy tickets MultiOn AI If you have any further question or want to get deep dive into the code example in the video, you can join my community where I post tips weekly:

This is how I use LLM to scrape 99% of websites Many people didn't realise you can build agentic scraper to: 1. Handle Authentication, Human verification, Captcha 2. Handle pagination & complex UI interactions 3. Adaptive as website structure change 4. Scrape large set of data What used to take hours now can be automated in mins; Here I show case how do you automate a scraping job on Upwork where people are paying $50~$80 per hour; 0:00 Intro 1:54 Methods overview 4:52 Web Scraper agent using Spider Cloud 🕷️ Jina AI 8:37 Handle website auth & captcha using AgentQL 20:27 AI buy tickets MultiOn AI If you have any further question or want to get deep dive into the code example in the video, you can join my community where I post tips weekly:

Jason Zhou

127,983 views • 1 year ago

One of the biggest headaches in mobile AI is deciding between a cloud model (reliable but costly) and an on-device model (fast but fragmented) 😵‍💫 With hybrid inference, you don't have to choose! Learn the details in this deep dive. Chapters: 0:00 - Introducing hybrid SDKs for Firebase AI Logic 0:41 - Use Case: AI-Powered star ratings & reviews 1:00 - Why local? Reliability, offline support, & cost 1:30 - Coding step 1: SDKs and AICore setup 2:10 - Fallback strategies & JsonSchema 2:52 - Demo: Real-time hybrid inference in action

One of the biggest headaches in mobile AI is deciding between a cloud model (reliable but costly) and an on-device model (fast but fragmented) 😵‍💫 With hybrid inference, you don't have to choose! Learn the details in this deep dive. Chapters: 0:00 - Introducing hybrid SDKs for Firebase AI Logic 0:41 - Use Case: AI-Powered star ratings & reviews 1:00 - Why local? Reliability, offline support, & cost 1:30 - Coding step 1: SDKs and AICore setup 2:10 - Fallback strategies & JsonSchema 2:52 - Demo: Real-time hybrid inference in action

Firebase

11,930 views • 1 month ago

🚨 special new EP on ManusAI, the HOTTEST general AI agent (will raffle out 3 BETA codes in 24h - LIKE this post) 00:00 intro to Manus AI 00:30 raffle 00:46 use case #1 (~9 pager report on product comparison) 03:28 use case #2 (investment analyst) 04:38 final thoughts

🚨 special new EP on ManusAI, the HOTTEST general AI agent (will raffle out 3 BETA codes in 24h - LIKE this post) 00:00 intro to Manus AI 00:30 raffle 00:46 use case #1 (~9 pager report on product comparison) 03:28 use case #2 (investment analyst) 04:38 final thoughts

Sandra 🌊

19,601 views • 1 year ago

Claude Code is the most powerful AI tool I've ever used Unfortunately 99% of people use it just for coding Here is how I use Claude Code to automate my entire life (ya, you're going to want to bookmark this):

Claude Code is the most powerful AI tool I've ever used Unfortunately 99% of people use it just for coding Here is how I use Claude Code to automate my entire life (ya, you're going to want to bookmark this):

Alex Finn

63,789 views • 10 months ago

Better Cursor alternative? I've been playing with the new AI IDE Windsurf launched by Codeium past few days, and the result was impressive, particularly: 1. Code base understanding: One thing Windsurf did really well is its understanding of the whole code base & dependencies; This led to a big difference in terms of final code quality 2. Context aware: It actually knows everything I did in the editor, e.g. it automatically knows code edits I made without me prompt it; 3. Reflection: I noticed Windsurf has been finetuned to reflect and try to iterate/improve code it generated autonomously; This was a magic moment for me .... I shared key highlights i had and showcase my process of building a PDF converter product using windsurf 0:00 Platform overview 6:21 How does context aware engine works 10:45 Case study: Build PDF converter Sass ---- If you have any further question or want to get deep dive into more AI coding, you can join my community where I post tips weekly:

Better Cursor alternative? I've been playing with the new AI IDE Windsurf launched by Codeium past few days, and the result was impressive, particularly: 1. Code base understanding: One thing Windsurf did really well is its understanding of the whole code base & dependencies; This led to a big difference in terms of final code quality 2. Context aware: It actually knows everything I did in the editor, e.g. it automatically knows code edits I made without me prompt it; 3. Reflection: I noticed Windsurf has been finetuned to reflect and try to iterate/improve code it generated autonomously; This was a magic moment for me .... I shared key highlights i had and showcase my process of building a PDF converter product using windsurf 0:00 Platform overview 6:21 How does context aware engine works 10:45 Case study: Build PDF converter Sass ---- If you have any further question or want to get deep dive into more AI coding, you can join my community where I post tips weekly:

Jason Zhou

64,713 views • 1 year ago

Sweetpad is turning Cursor into native iOS AI IDE Cursor and Windsurf is great for web apps but has been struggle for mobile apps like iOS, but not anymore Here is the workflow that helped me 10x the iOS development workflow Challenges of iOS dev in Cursor Setup iOS IDE w/ Cursor Prompt & .cursorrules Case study - Build Cal AI app If you have any further question or want to get deep dive into more cursor mobile course, you can join my community where I post tips weekly:

Sweetpad is turning Cursor into native iOS AI IDE Cursor and Windsurf is great for web apps but has been struggle for mobile apps like iOS, but not anymore Here is the workflow that helped me 10x the iOS development workflow Challenges of iOS dev in Cursor Setup iOS IDE w/ Cursor Prompt & .cursorrules Case study - Build Cal AI app If you have any further question or want to get deep dive into more cursor mobile course, you can join my community where I post tips weekly:

Jason Zhou

41,534 views • 1 year ago

GPT Image 2 + Codex: or how to make Codex not suck at UI. Step 1: Generate a UI image (native in Codex) Step 2: Get Codex to implement the UI based on it Step 3: Get Codex to iterate until it aligns with the image as much as possible Codex is bad at initial UI, but very good at implementing a reference design, so this is your way out - iterate with the image model first and then Codex will do a good job.

GPT Image 2 + Codex: or how to make Codex not suck at UI. Step 1: Generate a UI image (native in Codex) Step 2: Get Codex to implement the UI based on it Step 3: Get Codex to iterate until it aligns with the image as much as possible Codex is bad at initial UI, but very good at implementing a reference design, so this is your way out - iterate with the image model first and then Codex will do a good job.

Peter Gostev

66,675 views • 1 month ago

“AI slop” they say. But here’s the uncomfortable truth: The people who learn to direct AI will replace the people who refuse to use it. This UI was generated live in minutes via Cursor in Figma using Figsor MCP. Wild times to be a builder.

“AI slop” they say. But here’s the uncomfortable truth: The people who learn to direct AI will replace the people who refuse to use it. This UI was generated live in minutes via Cursor in Figma using Figsor MCP. Wild times to be a builder.

AK

17,971 views • 3 months ago

This Claude 3.7 UI workflow is awesome And many vibe coders not aware of it: 1. Have Claude 3.7 to design whole UI screen by screen 2. Ask it to make a plan, break down into components 3. Turn into actual project By having Claude focus on just UI generation, it does a great job You can build beautiful UI without shadcn If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)

This Claude 3.7 UI workflow is awesome And many vibe coders not aware of it: 1. Have Claude 3.7 to design whole UI screen by screen 2. Ask it to make a plan, break down into components 3. Turn into actual project By having Claude focus on just UI generation, it does a great job You can build beautiful UI without shadcn If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)

Jason Zhou

744,943 views • 1 year ago

I built 36 projects in last 14 months, with AI code. Today, I'm sharing my Coding Docs with you. I use these 7-docs in Cursor/Windsurf to build a knowledge base for AI models. Bookmark this post so you can copy the templates. ↓ 1. Project Requirements Document (PRD)

I built 36 projects in last 14 months, with AI code. Today, I'm sharing my Coding Docs with you. I use these 7-docs in Cursor/Windsurf to build a knowledge base for AI models. Bookmark this post so you can copy the templates. ↓ 1. Project Requirements Document (PRD)

CJ Zafir

2,054,469 views • 1 year ago

This is such a powerful AI coding workflow. You can now use Cursor or Windsurf for coding, and let CodeRabbit’s AI agent refactor messy code, help you debug, and find security vulnerabilities. Here’s how:

This is such a powerful AI coding workflow. You can now use Cursor or Windsurf for coding, and let CodeRabbit’s AI agent refactor messy code, help you debug, and find security vulnerabilities. Here’s how:

Alvaro Cintas

79,803 views • 1 year ago

Need a beautiful landing page? Use Cursor + Magic UI. Install components with 1-line of code and tag them with Cursor Composer to have AI do 100% of the work for you. Watch my workflow - it’s this easy.

Need a beautiful landing page? Use Cursor + Magic UI. Install components with 1-line of code and tag them with Cursor Composer to have AI do 100% of the work for you. Watch my workflow - it’s this easy.

Mckay Wrigley

374,439 views • 1 year ago

This is must have AI tool, Sharing my biggest AI tool as content creator. - Sider AI saves me 30+ hours weekly as creator/developer. Using with Gemini 2.5 Pro & Claude 3.7 Sonnet is next level. - Perfect for heavy web users. - Free tier available 5 use cases how I use it 👇 1/7

This is must have AI tool, Sharing my biggest AI tool as content creator. - Sider AI saves me 30+ hours weekly as creator/developer. Using with Gemini 2.5 Pro & Claude 3.7 Sonnet is next level. - Perfect for heavy web users. - Free tier available 5 use cases how I use it 👇 1/7

AshutoshShrivastava

33,904 views • 1 year ago

Here’s how to use any AI model in Cursor. If you’re serious about your AI coding experience you need to try this.

Here’s how to use any AI model in Cursor. If you’re serious about your AI coding experience you need to try this.

Mckay Wrigley

78,220 views • 2 years ago

Vibe coding a game character selection screen | Part 2 Tried a new set of characters and the level of detail is wild. Everything here was made with AI tools Nano Banana: character design + UI Tencent Hunyuan3D: image to 3D Gemini Pro: UI Tips ↓

Vibe coding a game character selection screen | Part 2 Tried a new set of characters and the level of detail is wild. Everything here was made with AI tools Nano Banana: character design + UI Tencent Hunyuan3D: image to 3D Gemini Pro: UI Tips ↓

Dilum Sanjaya

45,153 views • 5 months ago