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.

Day 1/6 of CodeGuide 2.0 🧡 Introducing Codie - AI Agent that can help you Code on any AI Coding tool Just Screen Share and Ask for Realtime help: - Setting up Project Files - Debugging Errors - Deployment etc In this Demo I used CodeGuide x StackBlitz to... show more

CJ Zafir

63,127 subscribers

23,139 views • 1 year ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

11 Comments

Cj Z 🎯1 year ago

If you haven't joined CodeGuide, Join us Today. We are a community of 1135 AI coders building cool softwares with AI models. Limited time 30% Discount on Yearly CodeGuide Membership.

Embarcadero Tech1 year ago

🔥 𝗡𝗘𝗪 𝗶𝗻 𝗥𝗔𝗗 𝗦𝘁𝘂𝗱𝗶𝗼 𝟭𝟮.𝟮: New open architecture for #AI plugins, with support for OpenAI, Gemini, Claude and Ollama. With Smart #CodeInsight, users decide how to use AI & can create plugins. 𝙎𝙚𝙚 𝙒𝙝𝙖𝙩'𝙨 𝙉𝙚𝙬: #RADStudio #dev

Flaggpole1 year ago

@CodeGuidedev @stackblitz This is incredible My jaw dropped watching it Codie is so responsive I agree CJ, you are on to something major here

Cj Z 🎯1 year ago

@CodeGuidedev @stackblitz You get an idea where this thing can go. First you guide users. Then you build workers (do the work for them). ✌️

mAI1 year ago

@CodeGuidedev @stackblitz Oh man, this is 🤯 Great work!

Sai Rahul1 year ago

@CodeGuidedev @stackblitz Finally a demo video 😅

Cj Z 🎯1 year ago

@CodeGuidedev @stackblitz haha had to listen to the master.

Dave Hayes1 year ago

@CodeGuidedev @stackblitz 🔥

Sokrate1 year ago

@ericsimons40 @CodeGuidedev @stackblitz Wooow amazing !! @cj_zZZz

Laura | The Second Act Boss1 year ago

@CodeGuidedev @stackblitz

Glenn1 year ago

@CodeGuidedev @stackblitz This is amazing. Great work!

Related Videos

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,834 views • 1 year ago

Have you ever vibe coded 6 versions of same app at the same time using all of the best AI coding tools. Well I did it in this video: Tools used: Cursor Cursor Windsurf @windsurf Replit Replit ⠕ Bolt bolt.new Lovable v0 TimeStamps 00:00 - Introduction to AI Coding Tools 01:23 - First Prompts 05:56 - Final Adjustments and Comparisons 16:12 - Results / Rankings don't worry a cancelled my api keys

Have you ever vibe coded 6 versions of same app at the same time using all of the best AI coding tools. Well I did it in this video: Tools used: Cursor Cursor Windsurf @windsurf Replit Replit ⠕ Bolt bolt.new Lovable v0 TimeStamps 00:00 - Introduction to AI Coding Tools 01:23 - First Prompts 05:56 - Final Adjustments and Comparisons 16:12 - Results / Rankings don't worry a cancelled my api keys

Riley Brown

173,916 views • 1 year ago

AI Agents can now connect to 100,000+ APIs instantly. Postman's AI Agent builder can turn any API into an MCP server in seconds without writing a single line of Code. You can use it in Claude, Cursor, Windsurf and other AI tools.

AI Agents can now connect to 100,000+ APIs instantly. Postman's AI Agent builder can turn any API into an MCP server in seconds without writing a single line of Code. You can use it in Claude, Cursor, Windsurf and other AI tools.

Shubham Saboo

79,784 views • 1 year ago

Google offers a AI-powered personal assistant that you can use for free. You can talk to it in real time, share your screen with it, and ask it to help you with any given task (sound on 👇). Surprisingly, not many people are using it. Here's how to use it:

Google offers a AI-powered personal assistant that you can use for free. You can talk to it in real time, share your screen with it, and ask it to help you with any given task (sound on 👇). Surprisingly, not many people are using it. Here's how to use it:

Mushtaq Bilal, PhD

44,529 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,550 views • 1 year ago

Bolt 9/10 Lovable 8.5/10 Replit 8/10 I built a 1-doc system for Bolt/Lovable/Replit to one-shot applications. A hybrid of PRD x Implementation plan to provide detailed context in just 1 document. I call it "Unified Project Documentation." Simple steps: 1/ Open CodeGuide 2/ New Project "Write your app idea" 3/ Select AI tools (Replit, Lovable, Bolt etc) 4/ Copy unified project doc. by clicking "copy prompt" 5/ Paste the prompt in any selected tool. 6/ Start building your app. Here're the demos of all 3 tools: 1. bolt.new

Bolt 9/10 Lovable 8.5/10 Replit 8/10 I built a 1-doc system for Bolt/Lovable/Replit to one-shot applications. A hybrid of PRD x Implementation plan to provide detailed context in just 1 document. I call it "Unified Project Documentation." Simple steps: 1/ Open CodeGuide 2/ New Project "Write your app idea" 3/ Select AI tools (Replit, Lovable, Bolt etc) 4/ Copy unified project doc. by clicking "copy prompt" 5/ Paste the prompt in any selected tool. 6/ Start building your app. Here're the demos of all 3 tools: 1. bolt.new

CJ Zafir

60,033 views • 1 year ago

I built a FREE AI Agent that can browse the web, code websites, and automate tasks WITHOUT any technical setup I literally have my own AI assistant that works 24/7 In this video I'll show you how to easily set it up No coding experience required (Trust me, you want to bookmark this)

I built a FREE AI Agent that can browse the web, code websites, and automate tasks WITHOUT any technical setup I literally have my own AI assistant that works 24/7 In this video I'll show you how to easily set it up No coding experience required (Trust me, you want to bookmark this)

Julian Goldie SEO

47,804 views • 1 year ago

CLAUDE + CURSOR + REPLIT = MAGIC (FULL VIDEO TUTORIAL) You can now write create complex web apps with just english (No copy - paste) using the BEST AI Code generation tool on the market - Cursor. The only problem with cursor for a coding beginner like me, is that its not that easy to deploy web apps. Well, Replit ⠕ makes deploying web apps and creating templates incredibly easy. In this video goes over how to sync Cursor and Replit. And then using our new template we made an AI version of Trello by Atlassian in like 6 or 7 cursor composer prompts. --------------------- In this video: 00:00 - Intro 04:08 - Syncing Cursor and Replit 07:40 - setting up Firebase 10:27 - Using Cursor and Replit to Create Trello Front End 19:41 - Setting up Backend API endpoint (we will make dedicated video on this soon w/template) 21:09 - Adding AI features to Trello!

CLAUDE + CURSOR + REPLIT = MAGIC (FULL VIDEO TUTORIAL) You can now write create complex web apps with just english (No copy - paste) using the BEST AI Code generation tool on the market - Cursor. The only problem with cursor for a coding beginner like me, is that its not that easy to deploy web apps. Well, Replit ⠕ makes deploying web apps and creating templates incredibly easy. In this video goes over how to sync Cursor and Replit. And then using our new template we made an AI version of Trello by Atlassian in like 6 or 7 cursor composer prompts. --------------------- In this video: 00:00 - Intro 04:08 - Syncing Cursor and Replit 07:40 - setting up Firebase 10:27 - Using Cursor and Replit to Create Trello Front End 19:41 - Setting up Backend API endpoint (we will make dedicated video on this soon w/template) 21:09 - Adding AI features to Trello!

Riley Brown

309,237 views • 1 year ago

Wow Google just released Antigravity, an incredible AI coding tool It allows you to manage an army of AI agents to build any app you can think of even if you've never coded before It's sick. In this video I go over how it works, and show you hot to build your first game:

Wow Google just released Antigravity, an incredible AI coding tool It allows you to manage an army of AI agents to build any app you can think of even if you've never coded before It's sick. In this video I go over how it works, and show you hot to build your first game:

Alex Finn

68,514 views • 8 months ago

AI coding agents aren't just about autocorrect, but how do you get the best coding experience with an AI-powered coding agent? In our new short course, Build Apps with Windsurf’s AI Coding Agents, you'll learn how to build, debug, and deploy applications with agentic AI-powered integrated development environment (IDE). AI coding agents, like Codeium's @windsurf, don’t just suggest code, they analyze your codebase, track changes, retrieve relevant information, and apply updates across multiple files. They can help debug, refactor, and even modernize legacy frameworks. But to use them effectively, you need the right approach. This new course shows you how to: 🛠️ Use AI agents to build and refine applications, like a Wikipedia analysis app. 🐞 Debug and refactor JavaScript with AI-assisted automation. 🔍 Understand how search and retrieval power AI coding agents. 🤖 Guide an AI agent effectively—prompting, iterating, and correcting when needed. Taught by Anshul Ramachandran (Anshul Ramachandran), this course gives you hands-on coding experience, insights into how these AI systems work under the hood, and best practices to improve your development workflow. 🔗 Enroll for free:

AI coding agents aren't just about autocorrect, but how do you get the best coding experience with an AI-powered coding agent? In our new short course, Build Apps with Windsurf’s AI Coding Agents, you'll learn how to build, debug, and deploy applications with agentic AI-powered integrated development environment (IDE). AI coding agents, like Codeium's @windsurf, don’t just suggest code, they analyze your codebase, track changes, retrieve relevant information, and apply updates across multiple files. They can help debug, refactor, and even modernize legacy frameworks. But to use them effectively, you need the right approach. This new course shows you how to: 🛠️ Use AI agents to build and refine applications, like a Wikipedia analysis app. 🐞 Debug and refactor JavaScript with AI-assisted automation. 🔍 Understand how search and retrieval power AI coding agents. 🤖 Guide an AI agent effectively—prompting, iterating, and correcting when needed. Taught by Anshul Ramachandran (Anshul Ramachandran), this course gives you hands-on coding experience, insights into how these AI systems work under the hood, and best practices to improve your development workflow. 🔗 Enroll for free:

DeepLearning.AI

23,255 views • 1 year ago

Are you just starting to write code for the 1st time with AI tools like Cursor? Use this prompt in your “Rules for AI”. It turns the AI into an *amazing* personal coding tutor that teaches you everything like a pro. Never get stuck in a project again. Full prompt below.

Are you just starting to write code for the 1st time with AI tools like Cursor? Use this prompt in your “Rules for AI”. It turns the AI into an amazing personal coding tutor that teaches you everything like a pro. Never get stuck in a project again. Full prompt below.

Mckay Wrigley

190,105 views • 1 year ago

Documentation used to eat my context window. Two MCPs cut that to 2,800 tokens. ref tools and exa ai 🕒 Key moments 00:00 Introducing ref tools and exa ai MCPs 02:08 Configuring ref tools in Claude Code 03:27 Configuring exa ai in Claude Code 04:37 Demo: Using MCPs to upgrade a Tailwind CSS project 07:22 How to configure MCPs in Cursor 10:14 Comparing Claude Code vs. Cursor performance 12:37 Setting up MCPs for Codex 15:41 Setting up MCPs for DroidFactory 16:40 Pro-tip: How to prompt agents to use MCPs 18:00 The future of AI coding and final thoughts

Documentation used to eat my context window. Two MCPs cut that to 2,800 tokens. ref tools and exa ai 🕒 Key moments 00:00 Introducing ref tools and exa ai MCPs 02:08 Configuring ref tools in Claude Code 03:27 Configuring exa ai in Claude Code 04:37 Demo: Using MCPs to upgrade a Tailwind CSS project 07:22 How to configure MCPs in Cursor 10:14 Comparing Claude Code vs. Cursor performance 12:37 Setting up MCPs for Codex 15:41 Setting up MCPs for DroidFactory 16:40 Pro-tip: How to prompt agents to use MCPs 18:00 The future of AI coding and final thoughts

Ray Fernando

17,919 views • 8 months ago