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.

Here's a step by step: 1. Open the in-app browser to select, scribble, and describe changes to any component in design mode. 2. Type /multitask or queue changes to run them in parallel — great for touching several unrelated components at once. 3. Get your steps in, grab a... show more

John Bai

18,499 subscribers

25,798 views • 4 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

7 Comments

raghav4 months ago

I would love it if scribble wasn't just being a component selector. Eg: being able to circle and draw arrows from it to relocate a button's place. Or to indicate motion! (Currently a second scribble becomes a fresh selector, happy to talk more)

Victor Pacheco4 months ago

One thing that I miss so much on Agent View that has on IDE Mode is the CSS Pannel... sometime I just want to check the configuration rather than prompt a change... sometime I don't even know if I'm asking to change the same configuration kkkk

John Bai4 months ago

@flowstated will save us all

Victor Pacheco4 months ago

@flowstated Thank you som much @flowstated God bless those agents that are going to build kkkkkkk

Rick Blalock4 months ago

I kinda wish they would batch by default. usually running dev servers you have hot reload on...and when they just run off and do things as I'm in the middle annotating, it can refresh, then i lose what I was annotating.

Kanika 👋4 months ago

Followed this workflow today 🖤 Came back from 1:1 to everything fixed.

Roberto Cestari4 months ago

Do you use codex 5.3 for frontend?

Related Videos

Cursor just beat Codex with their design mode. The latest design mode updates plus the new multitask agent mode make design changes in code insanely fast. Here's my step by step walkthrough to designing any app or website with Cursor design mode: 00:00 Introduction to Cursor's new design mode. 01:55 Explaining what Cursor Design Mode is. 03:02 Demonstrating multi-element selection for edits. 04:10 Using the new drawing/annotation feature. 05:23 Live example of improving text hierarchy. 07:29 Using the multitask feature for parallel edits. 08:21 Explaining different modes of AI-assisted coding. 09:35 Summary of new design mode updates.

Cursor just beat Codex with their design mode. The latest design mode updates plus the new multitask agent mode make design changes in code insanely fast. Here's my step by step walkthrough to designing any app or website with Cursor design mode: 00:00 Introduction to Cursor's new design mode. 01:55 Explaining what Cursor Design Mode is. 03:02 Demonstrating multi-element selection for edits. 04:10 Using the new drawing/annotation feature. 05:23 Live example of improving text hierarchy. 07:29 Using the multitask feature for parallel edits. 08:21 Explaining different modes of AI-assisted coding. 09:35 Summary of new design mode updates.

Chris Ashby

14,737 views • 3 months ago

Ready to build your custom coach and shape your team's legacy in Franchise Mode? Here's a step-by-step guide to help you get started. #Madden26

Ready to build your custom coach and shape your team's legacy in Franchise Mode? Here's a step-by-step guide to help you get started. #Madden26

EA Help

22,777 views • 8 months ago

Step 1: Land in Indianapolis Step 2: get Tinker Coffee Step 3: go to Mackey Arena Guy on the left has three things to watch for in Purdue vs. Michigan

Step 1: Land in Indianapolis Step 2: get Tinker Coffee Step 3: go to Mackey Arena Guy on the left has three things to watch for in Purdue vs. Michigan

Sleepers Media 💤🏀

17,541 views • 7 months ago

How to stake $VSC in 5 steps! Step 1: Navigate to your wallet Step 2: Select VSC and select “Stake”. Step 3: Choose the desired period. Step 4: Input the amount. Step 5: Click stake. Congratulations! You are now staking VSC, securing the network, and receiving rewards!

How to stake $VSC in 5 steps! Step 1: Navigate to your wallet Step 2: Select VSC and select “Stake”. Step 3: Choose the desired period. Step 4: Input the amount. Step 5: Click stake. Congratulations! You are now staking VSC, securing the network, and receiving rewards!

inPersona

11,911 views • 3 years ago

Did you know you can create captivating motion sync videos on Yapper Follow the steps below and push your creativity boundaries Step 1: Go to on your browser step 2: Click on videos and select Motion Sync Step 3: Select Base Video The video's movement will be used to animate the reference image. Step 4: Add Reference Image Upload an image of a character to be animated by the base video. Step 5: Describe Your Vision Write a prompt that guides the background of the output video. Step 6: Generate Select your model and the output video will be generated in real-time

Did you know you can create captivating motion sync videos on Yapper Follow the steps below and push your creativity boundaries Step 1: Go to on your browser step 2: Click on videos and select Motion Sync Step 3: Select Base Video The video's movement will be used to animate the reference image. Step 4: Add Reference Image Upload an image of a character to be animated by the base video. Step 5: Describe Your Vision Write a prompt that guides the background of the output video. Step 6: Generate Select your model and the output video will be generated in real-time

Kuria | AI

46,344 views • 5 months ago

Step 1. Agree to help your new player buddy in Tarkov Step 2. Take him to the first task building in Ground Zero Step 3. Run into a PMC Step 4.

Step 1. Agree to help your new player buddy in Tarkov Step 2. Take him to the first task building in Ground Zero Step 3. Run into a PMC Step 4.

MoiDawg

43,679 views • 2 years ago

Dear InterLink Labs 👤 + 🌐 & InterLink Foundation, Your KYC process is TOO SLOW! 😤 400k - 1.4M people stuck in queue for ONE curator is insane! Pls add more curators & speed up approvals. Early miners deserve better! 🙏 👉HOW TO APPLY FOR KYC (Step by Step): Step 1: Go to Verified $ITLG • Open Interlink App > Click on "Verified $ITLG" (the gold coin) • Click "Verify now" • You will see Waiting Queue Step 2: Choose a Curator with LESS Queue Don't just apply to Nigerian curator (419k queue). Check all: • ID #0002 Chinese - 104k queue (FASTEST) ✅ • ID #0010 Apollo - 111k queue ✅ • ID #0009 Global - 508k queue • ID #0001 Indian - 1.4M queue (SLOWEST) ❌ PRO TIP: Pick the one with lowest "In queue" number to get verified faster! Step 3: How to Change Curator • If you already applied to slow one, click "Cancel" then "Apply" to faster one • It will show "Change curator" > Click Confirm • You can only apply to ONE at a time. Step 4: Complete Step 1-3 After KYC? Once your slot is selected (within 24h), you still need to: STEP 1: Migrate your $ITLG - Connect ITLX wallet to transfer your verified $ITLG on-chain > Click "Migrate now" STEP 2: Connect Social - Connect X, Discord etc to improve your HCS > Click "Connect here" STEP 3: Human Credit System - Check your trust score > Click "Check here" - Higher score = More verified $ITLG unlock! QUESTION FOR MY COMMUNITY 👇 Have you completed your Interlink KYC steps? Comment: A) Still in Waiting Queue 😭 B) Done Step 1 - Verified ✅ C) Done Step 2 - Migrated ✅ D) Done All Steps 1-3 ✅ #Interlink #ITLG #ITL #InterlinkLabs

Dear InterLink Labs 👤 + 🌐 & InterLink Foundation, Your KYC process is TOO SLOW! 😤 400k - 1.4M people stuck in queue for ONE curator is insane! Pls add more curators & speed up approvals. Early miners deserve better! 🙏 👉HOW TO APPLY FOR KYC (Step by Step): Step 1: Go to Verified $ITLG • Open Interlink App > Click on "Verified $ITLG" (the gold coin) • Click "Verify now" • You will see Waiting Queue Step 2: Choose a Curator with LESS Queue Don't just apply to Nigerian curator (419k queue). Check all: • ID #0002 Chinese - 104k queue (FASTEST) ✅ • ID #0010 Apollo - 111k queue ✅ • ID #0009 Global - 508k queue • ID #0001 Indian - 1.4M queue (SLOWEST) ❌ PRO TIP: Pick the one with lowest "In queue" number to get verified faster! Step 3: How to Change Curator • If you already applied to slow one, click "Cancel" then "Apply" to faster one • It will show "Change curator" > Click Confirm • You can only apply to ONE at a time. Step 4: Complete Step 1-3 After KYC? Once your slot is selected (within 24h), you still need to: STEP 1: Migrate your $ITLG - Connect ITLX wallet to transfer your verified $ITLG on-chain > Click "Migrate now" STEP 2: Connect Social - Connect X, Discord etc to improve your HCS > Click "Connect here" STEP 3: Human Credit System - Check your trust score > Click "Check here" - Higher score = More verified $ITLG unlock! QUESTION FOR MY COMMUNITY 👇 Have you completed your Interlink KYC steps? Comment: A) Still in Waiting Queue 😭 B) Done Step 1 - Verified ✅ C) Done Step 2 - Migrated ✅ D) Done All Steps 1-3 ✅ #Interlink #ITLG #ITL #InterlinkLabs

open mainnet

28,363 views • 14 days ago

Here's how to actually start your solopreneur journey in 2026: Step 1: Pick a skill (design, copywriting, dev) Step 2: Freelance to learn what people pay for Step 3: Productize it ($5K for 5 app screens) Step 4: Spot the ONE feature clients keep asking for Step 5: Build a microSaaS around it Step 6: Use AI agents to fulfill delivery THE KEY: Each step compounds I'm rooting for you. Go ship something in 2026

Here's how to actually start your solopreneur journey in 2026: Step 1: Pick a skill (design, copywriting, dev) Step 2: Freelance to learn what people pay for Step 3: Productize it ($5K for 5 app screens) Step 4: Spot the ONE feature clients keep asking for Step 5: Build a microSaaS around it Step 6: Use AI agents to fulfill delivery THE KEY: Each step compounds I'm rooting for you. Go ship something in 2026

The Startup Ideas Podcast (SIP) 🧃

37,448 views • 9 months ago

How to mint FCFS NFTs using Zun’s bot for 100% free Step by step guide (Make sure to watch video): GitHub Repo: >Step 1: Download these 3 tools to your desktop: 1/ Visual Studio Build Tools: 2/ Git: 3/ Rust: >Step 2: Create a separate folder on your PC and open it in your PowerShell terminal Then run these commands in the terminal to check the versions and make sure everything is installed correctly: git --version rustc --version cargo --version >Step 3: Now let’s download the OSNM-Z Bot: Run these commands in your terminal: git clone Set-Location osnm-z cargo install --path . --locked opensea-mint --version Once the installation is complete, you should see the bot version >Final step: Set up your private key and RPC URL First run: Copy-Item .env.example .env Then run: notepad .env Choose Notepad and replace your wallet private key For example, you’ll see something like: WALLET_KEY=(Your wallet private key) Then get a free or paid RPC URL from Alchemy: -Click “Create new app” -Enable the EVM chains and any other chains you want -Copy the RPC URL and replace it in your Notepad For example: RPC_URL= Make sure to save the changes in Notepad by pressing CTRL + S After that, run this command to verify that everything is ready: opensea-mint doctor That’s it... After this, you just need to run these commands one by one in your terminal Run: cd osnm-z Then run: opensea-mint mint Then: -Paste the OpenSea collection URL -Select the correct active mint phase -Set the quantity (for Eg 1) -Check the collection name, chain, mint phase, quantity and final price -Type "y" and press Enter -Now the timer will startand the bot will mint the NFT at the exact right time I’ve also found many other free bots. I’ll share more bots soon 😉

How to mint FCFS NFTs using Zun’s bot for 100% free Step by step guide (Make sure to watch video): GitHub Repo: >Step 1: Download these 3 tools to your desktop: 1/ Visual Studio Build Tools: 2/ Git: 3/ Rust: >Step 2: Create a separate folder on your PC and open it in your PowerShell terminal Then run these commands in the terminal to check the versions and make sure everything is installed correctly: git --version rustc --version cargo --version >Step 3: Now let’s download the OSNM-Z Bot: Run these commands in your terminal: git clone Set-Location osnm-z cargo install --path . --locked opensea-mint --version Once the installation is complete, you should see the bot version >Final step: Set up your private key and RPC URL First run: Copy-Item .env.example .env Then run: notepad .env Choose Notepad and replace your wallet private key For example, you’ll see something like: WALLET_KEY=(Your wallet private key) Then get a free or paid RPC URL from Alchemy: -Click “Create new app” -Enable the EVM chains and any other chains you want -Copy the RPC URL and replace it in your Notepad For example: RPC_URL= Make sure to save the changes in Notepad by pressing CTRL + S After that, run this command to verify that everything is ready: opensea-mint doctor That’s it... After this, you just need to run these commands one by one in your terminal Run: cd osnm-z Then run: opensea-mint mint Then: -Paste the OpenSea collection URL -Select the correct active mint phase -Set the quantity (for Eg 1) -Check the collection name, chain, mint phase, quantity and final price -Type "y" and press Enter -Now the timer will startand the bot will mint the NFT at the exact right time I’ve also found many other free bots. I’ll share more bots soon 😉

𝐙 𝐀 𝐗 🫧

59,075 views • 1 month ago

Here's the guide on how to link your wallet in Fundora: Check out the video for a step-by-step guide! 📹 See you in the game! 🚀 (1/2)

Here's the guide on how to link your wallet in Fundora: Check out the video for a step-by-step guide! 📹 See you in the game! 🚀 (1/2)

Ginger Joy Games | Fundora

29,388 views • 2 years ago

introducing annotation mode in AI Studio refining your app should be as easy as pointing at what you want to change: simply highlight any component, button or text in your app and Gemini will handle the heavy lifting

introducing annotation mode in AI Studio refining your app should be as easy as pointing at what you want to change: simply highlight any component, button or text in your app and Gemini will handle the heavy lifting

Google AI Studio

122,518 views • 11 months ago

How to create Farcaster mini app without coding - Step 1: > Go to ChatGPT > Just type: "I would like to create a Farcaster mini app, can you give me some ideas?" > Choose any one of the ideas - Note: - You can also type your own idea to ChatGPT and alter it - Step 2: - Go to ChatGPT > Paste the first prompt (shared in my channel) > Include the project you chose and tell ChatGPT to alter the prompt according to the idea below - Step 3 - Go to: > Sign up using Gmail or GitHub > Projects -> New Project -> Type the name of your project >Just paste the prompt we created earlier > It will start creating your app > If you need to alter anything, just go to GPT and type: [ I need a prompt to alter "your issue (like changing colour, etc.)" in my app already created in v0app by Vercel ] > Copy the prompt and paste it in v0 > No need to worry about errors , it will rectify them for you > If your project is finished, just click "Publish" on your top right > It will automatically host your app in Vercel > Click "Visit site" to see your app on another device and copy the website URL - Step 4 - Go to: v0 app > Just paste Prompt 2 from the file I provided > Click Publish once it’s completed - Step 5 - Go to: v0 app > Just paste the prompt 3 from the file I provided - Step 6 (Important) > Just paste Prompt 4 from the file I provided - Step 7 > Just paste Prompt 4 from the file I provided - Step 8 > Just paste Prompt 6 from the file I provided > It’s an important step to do — you need to create a manifest inside your app so that you can host it on Farcaster - Step 9 - Go to: > Sign up or Login > Settings → Developers → Mini Apps → Create Manifest (New) > Paste your website URL (remove https) > It should be like: > If you find any error while doing this, just copy and paste it in the v0 app > Once everything is finished, you need to create Account Association > Scan the QR on your mobile and tap and hold the Yes button > It will show an error — just copy and paste those errors into the v0 app > Click Publish again, and then click Refresh in Manifest > Click Open your app > for the main prompt file check our tg channel link in our bio

How to create Farcaster mini app without coding - Step 1: > Go to ChatGPT > Just type: "I would like to create a Farcaster mini app, can you give me some ideas?" > Choose any one of the ideas - Note: - You can also type your own idea to ChatGPT and alter it - Step 2: - Go to ChatGPT > Paste the first prompt (shared in my channel) > Include the project you chose and tell ChatGPT to alter the prompt according to the idea below - Step 3 - Go to: > Sign up using Gmail or GitHub > Projects -> New Project -> Type the name of your project >Just paste the prompt we created earlier > It will start creating your app > If you need to alter anything, just go to GPT and type: [ I need a prompt to alter "your issue (like changing colour, etc.)" in my app already created in v0app by Vercel ] > Copy the prompt and paste it in v0 > No need to worry about errors , it will rectify them for you > If your project is finished, just click "Publish" on your top right > It will automatically host your app in Vercel > Click "Visit site" to see your app on another device and copy the website URL - Step 4 - Go to: v0 app > Just paste Prompt 2 from the file I provided > Click Publish once it’s completed - Step 5 - Go to: v0 app > Just paste the prompt 3 from the file I provided - Step 6 (Important) > Just paste Prompt 4 from the file I provided - Step 7 > Just paste Prompt 4 from the file I provided - Step 8 > Just paste Prompt 6 from the file I provided > It’s an important step to do — you need to create a manifest inside your app so that you can host it on Farcaster - Step 9 - Go to: > Sign up or Login > Settings → Developers → Mini Apps → Create Manifest (New) > Paste your website URL (remove https) > It should be like: > If you find any error while doing this, just copy and paste it in the v0 app > Once everything is finished, you need to create Account Association > Scan the QR on your mobile and tap and hold the Yes button > It will show an error — just copy and paste those errors into the v0 app > Click Publish again, and then click Refresh in Manifest > Click Open your app > for the main prompt file check our tg channel link in our bio

Maran

48,427 views • 10 months ago

Meet InterfaceKit, a design tool for working with agents. Refine components live in your app → click to copy prompt. Your agent gets the element data, Tailwind classes, and Motion animations it needs to make your changes in one shot. No more guess and check.

Meet InterfaceKit, a design tool for working with agents. Refine components live in your app → click to copy prompt. Your agent gets the element data, Tailwind classes, and Motion animations it needs to make your changes in one shot. No more guess and check.

joshpuckett

105,262 views • 8 months ago

NEW SECRET PORTAL IN Diablo IV! If you have some friends who haven’t done the Trace of Echoes (Sightless Eye) yet, tell them hold off so you can get in a group and do it. Otherwise you’re going to have to farm undercity until another token drops. Steps are below. Like, share, favorite, and comment for more! Step 1: Run undercity on Torment X or higher until Trace of Echoes token drops for you at the boss. Step 2: Run Sightless Eye in Temis. Step 3: Designate only one person to grab the shrines during the rounds so that it doesn’t get messed up. Try not to kill everything in the rounds too fast so that you don’t miss your window. Step 4: Grab the Protection Shrine between rounds 1-9. Step 5: Grab the Artillery Shrine between rounds 10-14. Step 6: Grab the Lethal Shrine between rounds 15-19. Step 7: Grab the Channeling Shrine between rounds 20-24. Step 8: Wait for Flotsam the Treasure Goblin to spawn and kill him immediately. Step 9: Finish Sightless Eye and your portal should drop for you. #tacticalgh0st #diablo4 #diablobuilds #diablopartner #diablogameplay

NEW SECRET PORTAL IN Diablo IV! If you have some friends who haven’t done the Trace of Echoes (Sightless Eye) yet, tell them hold off so you can get in a group and do it. Otherwise you’re going to have to farm undercity until another token drops. Steps are below. Like, share, favorite, and comment for more! Step 1: Run undercity on Torment X or higher until Trace of Echoes token drops for you at the boss. Step 2: Run Sightless Eye in Temis. Step 3: Designate only one person to grab the shrines during the rounds so that it doesn’t get messed up. Try not to kill everything in the rounds too fast so that you don’t miss your window. Step 4: Grab the Protection Shrine between rounds 1-9. Step 5: Grab the Artillery Shrine between rounds 10-14. Step 6: Grab the Lethal Shrine between rounds 15-19. Step 7: Grab the Channeling Shrine between rounds 20-24. Step 8: Wait for Flotsam the Treasure Goblin to spawn and kill him immediately. Step 9: Finish Sightless Eye and your portal should drop for you. #tacticalgh0st #diablo4 #diablobuilds #diablopartner #diablogameplay

GH0ST 👻

45,654 views • 4 months ago

Introducing a Text-to-API AI ⚙️ Turn any website into an API with 's /extract. Just describe your API in plain text and get an endpoint you can hit. Another great open-source project by !

Introducing a Text-to-API AI ⚙️ Turn any website into an API with 's /extract. Just describe your API in plain text and get an endpoint you can hit. Another great open-source project by !

Caleb Peffer (Hiring!)

262,812 views • 1 year ago