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.

Holy Sh*t... You can now share your localhost with anyone using only VS Code! 🤯 VS Code has a built-in Ports feature that lets you expose your local server to the internet, no need for third-party tools. Here’s how to use it: 1) Open the Ports tab in the... terminal panel 2) Click Forward a Port 3) Enter your local port number (mine was 5173, yours could be 3000, 3001, etc.) 4) VS Code will generate a link, right-click and select Make Public 5) Copy the link and share it with anyone Perfect for demos, testing on other devices, or sharing work with clients and teammates :) Watch the video for a step-by-step demo 🎥 Follow me for more amazing AI, Coding & Web Dev insights 💎show more

Ram Maheshwari

4,428 subscribers

43,155 views • 1 month 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

DUDE WTF?? ... Now you can easily share your localhost with anyone using this FREE service by Cloudflare. 🤯 Simply run one command and you're done. No account. No complicated setup. No port forwarding. Perfect for sharing local projects, testing webhooks, showing clients your work, creating quick previews, and letting AI agents access your local apps :) Follow me for more amazing AI, Coding & Web Dev insights 💎

DUDE WTF?? ... Now you can easily share your localhost with anyone using this FREE service by Cloudflare. 🤯 Simply run one command and you're done. No account. No complicated setup. No port forwarding. Perfect for sharing local projects, testing webhooks, showing clients your work, creating quick previews, and letting AI agents access your local apps :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

389,306 views • 2 days ago

The response to Stitch with Gemini 3 has been incredible.🤯 We want to make it easier to preview and share your Gemini 3 creations. You can now click any screen to open it in a standalone tab. Suddenly, your design comes alive: * Interact: Click buttons, flip toggles, and test the flow. * Mobile Preview: Scan the QR code to see it native on your mobile device. * Share: Send a "Clean Link" (no Stitch UI) to clients or friends. Don't just share a screenshot. Share the experience.

The response to Stitch with Gemini 3 has been incredible.🤯 We want to make it easier to preview and share your Gemini 3 creations. You can now click any screen to open it in a standalone tab. Suddenly, your design comes alive: * Interact: Click buttons, flip toggles, and test the flow. * Mobile Preview: Scan the QR code to see it native on your mobile device. * Share: Send a "Clean Link" (no Stitch UI) to clients or friends. Don't just share a screenshot. Share the experience.

Stitch by Google

67,140 views • 8 months ago

🚨BREAKING: You can now build full websites by just typing. It’s called Youware, and it runs on pure vibe coding. Here’s how it works (with a live demo):👇 1. Create a web page or game just by typing. You can even send a screenshot to make it live. 2. Use built-in tools like Figma, YouTube, and Notion. 3. Change a Figma design into a real website. 4. Change how the webpage looks with one click using the boost button on the profile page. 5. Easily deploy code with a link you can share. 6. Highlights: free online AI coding. Try it today:

Hasan Toor

73,516 views • 1 year ago

You don't need a PC to run Conso prompts to earn. You can do it directly from your phone. It may not be as fast as using a PC, and it can lag sometimes, but it works perfectly. Here is how: Step 1: Download the Misis browser. Click the link, download the extension, insert your invitation code, and sign in using your email. Step 2: Open another tab in the same Misis browser and sign in to ChatGPT. Open another tab for Gemini and do the same for your remaining AIs. That’s it. You’re ready to run your prompts to earn on CONSO from your phone.

You don't need a PC to run Conso prompts to earn. You can do it directly from your phone. It may not be as fast as using a PC, and it can lag sometimes, but it works perfectly. Here is how: Step 1: Download the Misis browser. Click the link, download the extension, insert your invitation code, and sign in using your email. Step 2: Open another tab in the same Misis browser and sign in to ChatGPT. Open another tab for Gemini and do the same for your remaining AIs. That’s it. You’re ready to run your prompts to earn on CONSO from your phone.

SCALE.

53,245 views • 21 days ago

Broooooooooo.... this is sooo damn coooool to add Glass Effects in any UI. 😍 This free tool lets you generate stunning glassmorphism effects with plenty of customization options. It even supports liquid-glass and neumorphic designs. Once you're done, simply copy the code and start using it in your vibe coded or custom coded projects :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Broooooooooo.... this is sooo damn coooool to add Glass Effects in any UI. 😍 This free tool lets you generate stunning glassmorphism effects with plenty of customization options. It even supports liquid-glass and neumorphic designs. Once you're done, simply copy the code and start using it in your vibe coded or custom coded projects :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

31,736 views • 1 month ago

Broooooooooo.... this is sooo damn coooool to add Glass Effects in any UI. 😍 This free tool lets you generate stunning glassmorphism effects with plenty of customization options. It even supports liquid-glass and neumorphic designs. Once you're done, simply copy the code and start using it in your vibe coded or custom coded projects :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Broooooooooo.... this is sooo damn coooool to add Glass Effects in any UI. 😍 This free tool lets you generate stunning glassmorphism effects with plenty of customization options. It even supports liquid-glass and neumorphic designs. Once you're done, simply copy the code and start using it in your vibe coded or custom coded projects :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

14,832 views • 9 days ago

Good news for devs working in Visual Studio Code! The MongoDB MCP Server connects your MongoDB data to AI clients, such as GitHub Copilot in VS Code. Now you can ask for collection schemas and data samples, manage users and access, and generate queries all using natural language, right from your editor. Give it a try 👉

Good news for devs working in Visual Studio Code! The MongoDB MCP Server connects your MongoDB data to AI clients, such as GitHub Copilot in VS Code. Now you can ask for collection schemas and data samples, manage users and access, and generate queries all using natural language, right from your editor. Give it a try 👉

MongoDB

20,070 views • 1 year ago

New to Valhalla? Here’s how to get started in under 2 minutes! ⚔️ 1. Install MetaMask Extension & make sure you have some BNB in your wallet. 2. Visit and hit Play Now. 3. Create a new Play Account, then set a password, and save your Private Key (don't share with ANYONE!). 4. Use the Bridge on the site to bridge BNB to opBNB Chain. 5. Top up your Play Account with the bridged BNB. 6. Finally, link your Main Wallet to your Play Account — and you’re all set! Enter the world of Valhalla and start your adventure today. 🎥 Watch the full video for a step-by-step walkthrough 👇

New to Valhalla? Here’s how to get started in under 2 minutes! ⚔️ 1. Install MetaMask Extension & make sure you have some BNB in your wallet. 2. Visit and hit Play Now. 3. Create a new Play Account, then set a password, and save your Private Key (don't share with ANYONE!). 4. Use the Bridge on the site to bridge BNB to opBNB Chain. 5. Top up your Play Account with the bridged BNB. 6. Finally, link your Main Wallet to your Play Account — and you’re all set! Enter the world of Valhalla and start your adventure today. 🎥 Watch the full video for a step-by-step walkthrough 👇

FLOKI

11,882 views • 7 months 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,252 views • 10 months ago

YOUR HOMELAB IS USELESS IF YOU CAN'T REACH IT FROM ANYWHERE - AND YOU SHOULD NEVER OPEN A PORT TO DO IT. that clip is a homelab in a tiny rack: cheap used mini-pcs running a proxmox cluster with ollama for local ai. but the hardware isn't the hard part. reaching it safely when you're not home is. the wrong way: forward a port on your router. now your services face the whole internet, and every bot on earth starts knocking. the right way, and what he's running: a mesh vpn like twingate, netbird or tailscale. it builds a private encrypted network between your devices and the lab. no open ports, no public ip, nothing exposed. your phone in a cafe talks to your proxmox box at home like they're on the same wifi, and the internet sees nothing. that's the piece that turns a pile of mini-pcs into infrastructure you actually use. no port forwarding, no exposed dashboard, no public attack surface. the uncomfortable part isn't building the lab. it's that most people either can't reach it, or reach it by leaving the front door wide open. follow RetroChainer for the homelab step everyone skips, and bookmark this before you forward a single port.

YOUR HOMELAB IS USELESS IF YOU CAN'T REACH IT FROM ANYWHERE - AND YOU SHOULD NEVER OPEN A PORT TO DO IT. that clip is a homelab in a tiny rack: cheap used mini-pcs running a proxmox cluster with ollama for local ai. but the hardware isn't the hard part. reaching it safely when you're not home is. the wrong way: forward a port on your router. now your services face the whole internet, and every bot on earth starts knocking. the right way, and what he's running: a mesh vpn like twingate, netbird or tailscale. it builds a private encrypted network between your devices and the lab. no open ports, no public ip, nothing exposed. your phone in a cafe talks to your proxmox box at home like they're on the same wifi, and the internet sees nothing. that's the piece that turns a pile of mini-pcs into infrastructure you actually use. no port forwarding, no exposed dashboard, no public attack surface. the uncomfortable part isn't building the lab. it's that most people either can't reach it, or reach it by leaving the front door wide open. follow RetroChainer for the homelab step everyone skips, and bookmark this before you forward a single port.

RetroChainer

58,500 views • 1 month ago

8 rules to improve your AI coding agent. All of these rules work with Claude Code, Cursor, VS Code, and with most programming languages. Automating these rules will 10x the code quality and security produced by your AI coding agents. 1. Dependency checks - Prevent your agent from suggesting insecure libraries based on outdated training data. 2. Secret exposure - Auto-fix the use of hardcoded credentials introduced by your coding agent. 3. File and function size - Automatically refactor any files or functions that exceed a reasonable length. 4. Complexity and parameter limits - Simplify overly complex code written by the agent. 5. SQL Injection - Auto-fix all database interactions with unsanitized user input. 6. Unused variables and imports - Detect and remove dead code. 7. Detect invisible unicode characters in AI rules files - Remove zero-width spaces, direction overrides, and other invisible characters that can hide malicious behavior. 8. Insecure OpenAI API usage - Enforce use of secure OpenAI endpoints, proper authentication, and context isolation Here is how you can automate this: Install the Codacy extension. This will give you access to a CLI for local scanning and an MCP server for agent communication. From here on out, every time you need to generate some code: 1. Your agent will write the code 2. It will then call Codacy's CLI to check it 3. It will find any issues in real time 4. Your coding agent will fix the issues 5. When the code passes all checks, you are done Level of effort on your side: literally zero! Code quality and security because of this: 100x better! Here is the link to download the extension for your IDE: Thanks to the Codacy team for collaborating with me on this post.

8 rules to improve your AI coding agent. All of these rules work with Claude Code, Cursor, VS Code, and with most programming languages. Automating these rules will 10x the code quality and security produced by your AI coding agents. 1. Dependency checks - Prevent your agent from suggesting insecure libraries based on outdated training data. 2. Secret exposure - Auto-fix the use of hardcoded credentials introduced by your coding agent. 3. File and function size - Automatically refactor any files or functions that exceed a reasonable length. 4. Complexity and parameter limits - Simplify overly complex code written by the agent. 5. SQL Injection - Auto-fix all database interactions with unsanitized user input. 6. Unused variables and imports - Detect and remove dead code. 7. Detect invisible unicode characters in AI rules files - Remove zero-width spaces, direction overrides, and other invisible characters that can hide malicious behavior. 8. Insecure OpenAI API usage - Enforce use of secure OpenAI endpoints, proper authentication, and context isolation Here is how you can automate this: Install the Codacy extension. This will give you access to a CLI for local scanning and an MCP server for agent communication. From here on out, every time you need to generate some code: 1. Your agent will write the code 2. It will then call Codacy's CLI to check it 3. It will find any issues in real time 4. Your coding agent will fix the issues 5. When the code passes all checks, you are done Level of effort on your side: literally zero! Code quality and security because of this: 100x better! Here is the link to download the extension for your IDE: Thanks to the Codacy team for collaborating with me on this post.

Santiago

49,331 views • 11 months ago

WTF Brooooooooooo... why didn't I find this earlier? 🤯 This browser extension lets you add multiple devices with different screen sizes directly to a webpage to test responsive designs. It comes with tons of customization options, and you can even sync scrolling across all your device previews simultaneously. Perfect for UI developers, designers, vibe coders, or anyone using AI to ship web products :) Follow me for more amazing AI, Coding & Web Dev insights 💎

WTF Brooooooooooo... why didn't I find this earlier? 🤯 This browser extension lets you add multiple devices with different screen sizes directly to a webpage to test responsive designs. It comes with tons of customization options, and you can even sync scrolling across all your device previews simultaneously. Perfect for UI developers, designers, vibe coders, or anyone using AI to ship web products :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

62,808 views • 1 month ago

Code Arena can handle image inputs for agentic web dev tasks, reasoning through multi-step problems and using tools along the way. Watch how it works with Aryan Vichare in this clip. Find a link to the full walkthrough on how Code Arena creates sites and apps from images in thread.

Code Arena can handle image inputs for agentic web dev tasks, reasoning through multi-step problems and using tools along the way. Watch how it works with Aryan Vichare in this clip. Find a link to the full walkthrough on how Code Arena creates sites and apps from images in thread.

Arena.ai

20,064 views • 5 months ago

Codex now runs in your IDE Available for VS Code, Cursor, and other forks, the new extension makes it easy to share context—files, snippets, and diffs—so you can work faster with Codex. It’s been a top feature request, and we’re excited to hear what you think!

Codex now runs in your IDE Available for VS Code, Cursor, and other forks, the new extension makes it easy to share context—files, snippets, and diffs—so you can work faster with Codex. It’s been a top feature request, and we’re excited to hear what you think!

OpenAI Developers

182,758 views • 1 year ago

2. Build interactive tools and apps without code Describe your idea and Grok scaffolds the UI, logic, and deployment steps no coding required. Prompt: "You are a senior software architect who excels at building no-code and low-code systems with HTML, JavaScript, and Web APIs. Task Design a fully working interactive tool based on this idea: [DESCRIBE YOUR TOOL IDEA] Deliverables 1. A plain-English explanation of how the tool works. 2. A step-by-step plan to implement it with Grok or a no-code platform. 3. Exact HTML/CSS/JS code if relevant. 4. UX and design improvement tips. 5. Instructions to generate a shareable, embed-ready version. Imagine you are shipping an MVP for a startup demo. "

2. Build interactive tools and apps without code Describe your idea and Grok scaffolds the UI, logic, and deployment steps no coding required. Prompt: "You are a senior software architect who excels at building no-code and low-code systems with HTML, JavaScript, and Web APIs. Task Design a fully working interactive tool based on this idea: [DESCRIBE YOUR TOOL IDEA] Deliverables 1. A plain-English explanation of how the tool works. 2. A step-by-step plan to implement it with Grok or a no-code platform. 3. Exact HTML/CSS/JS code if relevant. 4. UX and design improvement tips. 5. Instructions to generate a shareable, embed-ready version. Imagine you are shipping an MVP for a startup demo. "

God of Prompt

316,672 views • 1 year ago

👀 I used OpenAI's Code Interpreter to make Flappy Bird 🐦in 7 minutes: Code Interpreter/GPT-4 for code generation. Pre-existing or AI-generated assets for graphics. --- Here's how to make the game in only 6 steps: (1): Enter the following prompt: "write p5.js code for Flappy Bird where you control a yellow bird continuously flying between a series of green pipes. The bird flaps every time you left click the mouse. If the bird falls to the ground or hits a pipe, you lose. This game goes on infinitely until you lose and you get points the further you go". (2): Use generative AI or existing game assets and spirits. I searched "flappy bird assets" on Google and used the first link, a GitHub repo with pngs from the original Flappy Bird. (3): Use this prompt to link assets to the code: "Please generate the entire file again based on the fact I'm using a unique background, spirits for the bird, and pipes. Here is the list of assets I'm using: [list of file names]." Code Interpreter should modify the code accordingly to include the list of file names. (4) Make an account OpenProcessing -> create a sketch -> paste in the code generated by Code Interpreter -> upload in-game assets from step (2). (5) (Optional) Ask ChatGPT to make changes to improve the in-game experience e.g., adding a high score, restarting the game when the bird dies, etc. Copy the new code into your OpenProcessing sketch and reload the game. (6) If something doesn't work, ask GPT4 to fix it. Copy and paste the error message and ask it to regenerate the code. --- Bonus Tips: - Iteratively test code. Each time you make a change using Code Interpreter, test the updated code by playing the game so you catch new bugs early. - Learn programming by asking questions: "Act as a senior programmer very good at explaining concepts to a beginner. Tell me how gravity works in this game and how you used code to make this happen."Code Interpreter/GPT4 for code generation. Download Pre-existing assets or generate new images for graphics. Excited to see what you make!

👀 I used OpenAI's Code Interpreter to make Flappy Bird 🐦in 7 minutes: Code Interpreter/GPT-4 for code generation. Pre-existing or AI-generated assets for graphics. --- Here's how to make the game in only 6 steps: (1): Enter the following prompt: "write p5.js code for Flappy Bird where you control a yellow bird continuously flying between a series of green pipes. The bird flaps every time you left click the mouse. If the bird falls to the ground or hits a pipe, you lose. This game goes on infinitely until you lose and you get points the further you go". (2): Use generative AI or existing game assets and spirits. I searched "flappy bird assets" on Google and used the first link, a GitHub repo with pngs from the original Flappy Bird. (3): Use this prompt to link assets to the code: "Please generate the entire file again based on the fact I'm using a unique background, spirits for the bird, and pipes. Here is the list of assets I'm using: [list of file names]." Code Interpreter should modify the code accordingly to include the list of file names. (4) Make an account OpenProcessing -> create a sketch -> paste in the code generated by Code Interpreter -> upload in-game assets from step (2). (5) (Optional) Ask ChatGPT to make changes to improve the in-game experience e.g., adding a high score, restarting the game when the bird dies, etc. Copy the new code into your OpenProcessing sketch and reload the game. (6) If something doesn't work, ask GPT4 to fix it. Copy and paste the error message and ask it to regenerate the code. --- Bonus Tips: - Iteratively test code. Each time you make a change using Code Interpreter, test the updated code by playing the game so you catch new bugs early. - Learn programming by asking questions: "Act as a senior programmer very good at explaining concepts to a beginner. Tell me how gravity works in this game and how you used code to make this happen."Code Interpreter/GPT4 for code generation. Download Pre-existing assets or generate new images for graphics. Excited to see what you make!

Alex Ker 🔭

739,874 views • 3 years ago

Ship your API to every MCP client in minutes 🚢 Upload your OpenAPI spec to Stainless → Generate an MCP Server → Your users can access your API in Claude Code Community, Cursor, and VS Code Watch me use the Replicate MCP Server to create a logo for my upcoming AI Podcast Generator, all with a single prompt! Now any MCP client can generate images and videos directly

Adam Anzuoni

22,422 views • 1 year ago