Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Claude Code is the best coding agent AND general agent in the world. Let's talk about: - Setting up Claude Code - Using it as a general agent (Research + Content) - Claude Code + Obsidian - Building and deploying web apps Vercel GitHub - Database + Auth Firebase...

rileybrown's profile picture

Riley Brown

226,357 subscribers

208,106 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitimSanat
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Vibe Coding with Codex - Complete Guide Build a Web App, Desktop App & iOS App with Codex + GPT‑5.5 (No Coding Needed, Beginner Friendly) In this video you will learn: > Vibe Coding Basics + Vocab > How to build a web app using Codex > Add db, auth + storage with Firebase > Github Basics > Add AI Features (API's) > Deploy to internet (Vercel) > Convert Web App into Desktop app & iOS App Chapters 00:00 Intro 01:12 Setting up Codex 01:57 The basics of Vibe Coding and Codex 02:20 Projects, Files, App 03:45 Example App - Microsoft Paint 04:25 Running app locally 06:39 Save My Code - Use Github 10:37 Quick Review before building app 12:24 Building a web app - The Prompt 15:32 Creating Web App Project 16:34 Explaining Firebase (Database, Storage, Auth) 18:42 Setting up Firebase Project 22:54 Prompting Codex to build our app 24:49 Inspect Element - Console 26:24 Verify Data being Stored in Database 27:51 Making Changes to App 31:29 Fixing Storage Permissions with Codex 32:20 GPT API - Adding AI to our app 36:20 Making more changes using screenshots 39:02 Queuing vs Steering 40:23 Deploying our app to Vercel (App on Internet) 43:09 Convert web app to desktop app and iOS app 47:15 Web App and Desktop App work Now 48:36 Now let's run the iOS app 50:27 All three apps work! 51:11 Making Changes to iOS app 52:51 Testing agent skill feature of our app 53:55 Summary of what we did
55:24

Vibe Coding with Codex - Complete Guide Build a Web App, Desktop App & iOS App with Codex + GPT‑5.5 (No Coding Needed, Beginner Friendly) In this video you will learn: > Vibe Coding Basics + Vocab > How to build a web app using Codex > Add db, auth + storage with Firebase > Github Basics > Add AI Features (API's) > Deploy to internet (Vercel) > Convert Web App into Desktop app & iOS App Chapters 00:00 Intro 01:12 Setting up Codex 01:57 The basics of Vibe Coding and Codex 02:20 Projects, Files, App 03:45 Example App - Microsoft Paint 04:25 Running app locally 06:39 Save My Code - Use Github 10:37 Quick Review before building app 12:24 Building a web app - The Prompt 15:32 Creating Web App Project 16:34 Explaining Firebase (Database, Storage, Auth) 18:42 Setting up Firebase Project 22:54 Prompting Codex to build our app 24:49 Inspect Element - Console 26:24 Verify Data being Stored in Database 27:51 Making Changes to App 31:29 Fixing Storage Permissions with Codex 32:20 GPT API - Adding AI to our app 36:20 Making more changes using screenshots 39:02 Queuing vs Steering 40:23 Deploying our app to Vercel (App on Internet) 43:09 Convert web app to desktop app and iOS app 47:15 Web App and Desktop App work Now 48:36 Now let's run the iOS app 50:27 All three apps work! 51:11 Making Changes to iOS app 52:51 Testing agent skill feature of our app 53:55 Summary of what we did

Riley Brown

147,302 görüntüleme • 3 ay önce

Is Claude Code Better Than Cursor? This video is a crystal clear explanation on what makes Claude Code different than Cursor, Codex and Windsurf. A classic whiteboard conversation! Next time he's on the pod (soon) he's going to build an app from scratch that will blow your mind. TIMESTAMPS: 00:00 Intro to Claude Code 00:28 Why Claude Code Is Best 02:38 Comparing Cursor, Windsurf & Claude Code 07:41 Using Claude Code with Other IDEs 12:41 Future of AI Coding Tools & Claude’s SDK 19:58 Integrating Codex with Chat GPT 21:14 Best AI Code Review Tools (Devon, CodeRabbit 26:49 Building an App with Claude Code (Step-by-Step) 35:32 Future Plans
37:07

Is Claude Code Better Than Cursor? This video is a crystal clear explanation on what makes Claude Code different than Cursor, Codex and Windsurf. A classic whiteboard conversation! Next time he's on the pod (soon) he's going to build an app from scratch that will blow your mind. TIMESTAMPS: 00:00 Intro to Claude Code 00:28 Why Claude Code Is Best 02:38 Comparing Cursor, Windsurf & Claude Code 07:41 Using Claude Code with Other IDEs 12:41 Future of AI Coding Tools & Claude’s SDK 19:58 Integrating Codex with Chat GPT 21:14 Best AI Code Review Tools (Devon, CodeRabbit 26:49 Building an App with Claude Code (Step-by-Step) 35:32 Future Plans

Riley Brown

115,665 görüntüleme • 1 yıl önce

Built a Skool clone with Claude Code (Opus 4.5), with auth, db + storage with the new web app builder. (Launching next week). We are building the easiest way to use the most powerful coding model (Claude Code) in the world to build mobile apps and web apps. No performative hour long agent runs that waste tokens. Just raw Claude Code running in a sandbox, pre built with skills that make frontend + backend just work. Let me know if you want to beta test.
2:18

Built a Skool clone with Claude Code (Opus 4.5), with auth, db + storage with the new web app builder. (Launching next week). We are building the easiest way to use the most powerful coding model (Claude Code) in the world to build mobile apps and web apps. No performative hour long agent runs that waste tokens. Just raw Claude Code running in a sandbox, pre built with skills that make frontend + backend just work. Let me know if you want to beta test.

Riley Brown

51,044 görüntüleme • 8 ay önce

5 GitHub repos with ⭐50K+ combined stars that show how far people are pushing Claude Code beyond a single coding agent 1) instructkr/claude-code 2.3K⭐ -> a research snapshot of Claude Code’s source with the internals exposed for inspection. [ ] 2) codeaashu/claude-code 3.2K⭐ -> another reconstructed Claude Code codebase built for studying how the agent works under the hood, including tools, prompts, MCP. [ ] 3) Donchitos/Claude-Code-Game-Studios 20K+⭐ -> turns one Claude Code session into a game development studio with 49 specialized agents, 73 skills, 12 hooks, 11 rules and 41 templates. [ ] 4) VoltAgent/awesome-claude-code-subagents 24K+⭐ -> 154 specialized Claude Code subagents split across 10 categories. [ ] 5) tanbiralam/claude-code 2.2K⭐ -> a research-oriented Claude Code source reconstruction for inspecting the terminal agent architecture, plugins, tools and internal implementation. [ ] Save these if you want to understand what people are actually building around Claude Code instead of just using the default CLI.
0:53

5 GitHub repos with ⭐50K+ combined stars that show how far people are pushing Claude Code beyond a single coding agent 1) instructkr/claude-code 2.3K⭐ -> a research snapshot of Claude Code’s source with the internals exposed for inspection. [ ] 2) codeaashu/claude-code 3.2K⭐ -> another reconstructed Claude Code codebase built for studying how the agent works under the hood, including tools, prompts, MCP. [ ] 3) Donchitos/Claude-Code-Game-Studios 20K+⭐ -> turns one Claude Code session into a game development studio with 49 specialized agents, 73 skills, 12 hooks, 11 rules and 41 templates. [ ] 4) VoltAgent/awesome-claude-code-subagents 24K+⭐ -> 154 specialized Claude Code subagents split across 10 categories. [ ] 5) tanbiralam/claude-code 2.2K⭐ -> a research-oriented Claude Code source reconstruction for inspecting the terminal agent architecture, plugins, tools and internal implementation. [ ] Save these if you want to understand what people are actually building around Claude Code instead of just using the default CLI.

Lummox

12,775 görüntüleme • 13 gün önce

Claude R Perrin Code SDK is under-rated One cool part with Claude Code SDK is that it supports full features out of box: - Skills - Sub agents - Hooks - ... Which means you can use claude code CLI as a debug tool to build agent, and then import to your Claude code powered agent Here is a quick example of a pptx presentation agent using Claude Code SDK + doc skills Code example from AI Builder Club by Kai:
0:25

Claude R Perrin Code SDK is under-rated One cool part with Claude Code SDK is that it supports full features out of box: - Skills - Sub agents - Hooks - ... Which means you can use claude code CLI as a debug tool to build agent, and then import to your Claude code powered agent Here is a quick example of a pptx presentation agent using Claude Code SDK + doc skills Code example from AI Builder Club by Kai:

Jason Zhou

11,981 görüntüleme • 10 ay önce

Now building is a team sport. Introducing Slack Code: a new way for your team and AI agents, like Anthropic's Claude Code, Claude Tag, Devin from Cognition, GitHub Copilot, ChatGPT, and Vercel agents, to write, review, and ship code together. Just mention an agent to spin up a channel, pull in your team, and start building. All in the open. All in Slack.
0:21

Now building is a team sport. Introducing Slack Code: a new way for your team and AI agents, like Anthropic's Claude Code, Claude Tag, Devin from Cognition, GitHub Copilot, ChatGPT, and Vercel agents, to write, review, and ship code together. Just mention an agent to spin up a channel, pull in your team, and start building. All in the open. All in Slack.

Slack

583,687 görüntüleme • 12 gün önce

💥NEW AI CODING TUTORIAL: 12 Months of Claude Code Lessons in 46 Minutes Claude Code just turned 1. So here's 52 lessons on how to get the most out of Claude Code, organized into 3 levels: Beginner, Intermediate, and Master. TIMESTAMPS 00:00 12 Months of building with Claude Code 02:01 LEVEL 1: Beginner 02:09 Installation and Setup 04:55 Models and Modes 09:04 CLAUDE.md (and what to put in) 10:30 Context Management 11:31 Debugging with Claude 12:22 Version control 14:12 Prompting, Just ask Claude 16:01 LEVEL 2: Intermediate 16:24 Customizations (Skills, Plugins, MCPs) 24:42 Workflows: Plan, Build, Test 29:52 Verifying and Documenting with Claude 33:10 LEVEL 3: Master 34:17 Multi-Agent Development (multi-clauding with git worktrees) 37:07 Self-improving Systems 38:45 Ralph Wiggum Agent Loops 40:11 Async Task Delegation 42:00 Agent Teams, Pre-configure permissions, Hooks 44:42 Continue your learning
45:47

💥NEW AI CODING TUTORIAL: 12 Months of Claude Code Lessons in 46 Minutes Claude Code just turned 1. So here's 52 lessons on how to get the most out of Claude Code, organized into 3 levels: Beginner, Intermediate, and Master. TIMESTAMPS 00:00 12 Months of building with Claude Code 02:01 LEVEL 1: Beginner 02:09 Installation and Setup 04:55 Models and Modes 09:04 CLAUDE.md (and what to put in) 10:30 Context Management 11:31 Debugging with Claude 12:22 Version control 14:12 Prompting, Just ask Claude 16:01 LEVEL 2: Intermediate 16:24 Customizations (Skills, Plugins, MCPs) 24:42 Workflows: Plan, Build, Test 29:52 Verifying and Documenting with Claude 33:10 LEVEL 3: Master 34:17 Multi-Agent Development (multi-clauding with git worktrees) 37:07 Self-improving Systems 38:45 Ralph Wiggum Agent Loops 40:11 Async Task Delegation 42:00 Agent Teams, Pre-configure permissions, Hooks 44:42 Continue your learning

Avthar

62,263 görüntüleme • 5 ay önce

Wow... Claude Code might kill the entire Saas market He built his own PersonalOS with 5 functional apps in 19 minutes. The Apps: > LinkTree > X Video Downloader > Tally > Bear Note > AI Content Writer All Built using Claude Code w Opus 4.5 inside the vibecode.dev new web app builder, then he deployed it with password protection in one click. TIMESTAMPS: 00:00 Intro 00:54 Starting prompt on vibecode.dev 02:29 Claude Code is Working 02:48 A look at the Database 04:09 Testing Linktree 05:34 Testing Notes App 06:53 Testing Tally 08:19 Testing Video Downloader (Now it works) 09:20 Making the Personal OS look better 10:10 Generating App Icons 13:27 Adding Content Writer Mini App 15:16 Testing Video App 17:32 Deploying to the Internet
18:58

Wow... Claude Code might kill the entire Saas market He built his own PersonalOS with 5 functional apps in 19 minutes. The Apps: > LinkTree > X Video Downloader > Tally > Bear Note > AI Content Writer All Built using Claude Code w Opus 4.5 inside the vibecode.dev new web app builder, then he deployed it with password protection in one click. TIMESTAMPS: 00:00 Intro 00:54 Starting prompt on vibecode.dev 02:29 Claude Code is Working 02:48 A look at the Database 04:09 Testing Linktree 05:34 Testing Notes App 06:53 Testing Tally 08:19 Testing Video Downloader (Now it works) 09:20 Making the Personal OS look better 10:10 Generating App Icons 13:27 Adding Content Writer Mini App 15:16 Testing Video App 17:32 Deploying to the Internet

Vibecoding Explained

52,722 görüntüleme • 7 ay önce

Fable 5 is GREAT at design... Especially when its connected to a Figma-Like Canvas. Here's a complete guide for using Claude Code with Fable 5, connected to the Agent Native version of Figma, called Paper. This workflow works with Cursor, Codex, Devin, or any other agent platform. 00:00 - Intro 01:41 - Set up Claude Code x Paper Connection 04:14 - Creating YouTube Thumbnails 10:21 - Instagram Graphics with text and overlays 16:33 - Creating Presentations with Fable 5 21:22 - Converting Designs into a site on the internet
23:58

Fable 5 is GREAT at design... Especially when its connected to a Figma-Like Canvas. Here's a complete guide for using Claude Code with Fable 5, connected to the Agent Native version of Figma, called Paper. This workflow works with Cursor, Codex, Devin, or any other agent platform. 00:00 - Intro 01:41 - Set up Claude Code x Paper Connection 04:14 - Creating YouTube Thumbnails 10:21 - Instagram Graphics with text and overlays 16:33 - Creating Presentations with Fable 5 21:22 - Converting Designs into a site on the internet

Riley Brown

73,712 görüntüleme • 1 ay önce

Excited to introduce Ara, The cloud coding agent Bring your codex subscription and code with your teammate that uses claude code, together in web. Try it with a 100$ on us. Now generally available for the top coders
1:19

Excited to introduce Ara, The cloud coding agent Bring your codex subscription and code with your teammate that uses claude code, together in web. Try it with a 100$ on us. Now generally available for the top coders

Adi Singh

75,775 görüntüleme • 1 ay önce

Building an Agent Team on Buzz (Complete Guide) Buzz is a new free platform, that feels exactly like Slack, except the agents aren't add ons, they are equals. and in 5 minutes you can create an agent team. And it works with your existing Codex and Claude Code subscriptions... So it's free to use. This video is divided into 2 parts: --- ⭐ Part 1 Conversation with Vinny (Vinny) 00:00 Introduction 01:59 Why is Buzz Going Viral? 07:08 Creating Agents & Channels with Fizz 20:03 Adding Other Harnesses (OpenCode, Cursor) 21:25 The Buzz Mobile App 22:36 Payments & Shared Compute 25:36 Workflows & Projects: A GitHub Killer? 30:14 The Future of Buzz: An Open Cowork? 35:13 Automations, Triggers & Trusting Your Agents --- ⭐ Part 2 - Getting Started Tutorial (My workflow) 42:32 Tutorial and Breakdown 43:03 Downloading Buzz And Default Agents 43:35 Creating your first agent 45:13 Adding Agents to channels 45:43 Why I use Codex as Lead Agent 47:06 Using Codex, Claude Code and Grok for task 48:52 Adding Muse (Meta Model) using OpenRouter 51:23 iOS app is Free and easy to use 51:50 My management Channel (My #1 use case) ---
55:15

Building an Agent Team on Buzz (Complete Guide) Buzz is a new free platform, that feels exactly like Slack, except the agents aren't add ons, they are equals. and in 5 minutes you can create an agent team. And it works with your existing Codex and Claude Code subscriptions... So it's free to use. This video is divided into 2 parts: --- ⭐ Part 1 Conversation with Vinny (Vinny) 00:00 Introduction 01:59 Why is Buzz Going Viral? 07:08 Creating Agents & Channels with Fizz 20:03 Adding Other Harnesses (OpenCode, Cursor) 21:25 The Buzz Mobile App 22:36 Payments & Shared Compute 25:36 Workflows & Projects: A GitHub Killer? 30:14 The Future of Buzz: An Open Cowork? 35:13 Automations, Triggers & Trusting Your Agents --- ⭐ Part 2 - Getting Started Tutorial (My workflow) 42:32 Tutorial and Breakdown 43:03 Downloading Buzz And Default Agents 43:35 Creating your first agent 45:13 Adding Agents to channels 45:43 Why I use Codex as Lead Agent 47:06 Using Codex, Claude Code and Grok for task 48:52 Adding Muse (Meta Model) using OpenRouter 51:23 iOS app is Free and easy to use 51:50 My management Channel (My #1 use case) ---

Riley Brown

387,494 görüntüleme • 1 ay önce

You can now add Claude Code to any vibe coded app. We just launched the new Claude Code integration on vibecode.dev. Which allows you to build fully Agentic Applications. In a single prompt, with no API Key. Here's is an example and tutorial: 0:00 - Claude Code for Twitter Example 01:52 - Building the Claude Code for Motion Graphics
4:53

You can now add Claude Code to any vibe coded app. We just launched the new Claude Code integration on vibecode.dev. Which allows you to build fully Agentic Applications. In a single prompt, with no API Key. Here's is an example and tutorial: 0:00 - Claude Code for Twitter Example 01:52 - Building the Claude Code for Motion Graphics

Riley Brown

30,119 görüntüleme • 6 ay önce

You (with zero coding experience) can now create websites from scratch using AI in less than 20 minutes with this template: In this video and I walk you through the process of: 1. setting up the Template on Claude Projects and how to connect your Replit (Code Base) to your Google Firebase (Database, Storage, Auth). 2. Using the template to turn one of your ideas into a working web app with: -----> Clean Stylized Front End -----> Database -----> Storage, -----> User Sign in + Profile Page -----> File + Post Uploads In less than 20 min. The best part is... Next week we will show you how to create API endpoints, and you'll be able to create full web apps with multiple AI features. Sections of this video ---------- 00:00 Introduction 02:28 Template Set Up 17:47 Building App with the Template
36:32

You (with zero coding experience) can now create websites from scratch using AI in less than 20 minutes with this template: In this video and I walk you through the process of: 1. setting up the Template on Claude Projects and how to connect your Replit (Code Base) to your Google Firebase (Database, Storage, Auth). 2. Using the template to turn one of your ideas into a working web app with: -----> Clean Stylized Front End -----> Database -----> Storage, -----> User Sign in + Profile Page -----> File + Post Uploads In less than 20 min. The best part is... Next week we will show you how to create API endpoints, and you'll be able to create full web apps with multiple AI features. Sections of this video ---------- 00:00 Introduction 02:28 Template Set Up 17:47 Building App with the Template

Riley Brown

122,604 görüntüleme • 2 yıl önce

Noah Brier (Noah Brier) uses Claude Code as his second brain—it’s the coolest notetaking setup I’ve ever seen. He has Claude running on a server in his basement hooked up to a VPN. It stores, reads, and writes to thousands of notes in his Obsidian (Obsidian) vault. He does it all from his phone. I had him on the show to tell us exactly how he’s pulling this off. We get into: - The nuts and bolts of the Claude Code-Obsidian setup: Noah set up Claude Code on top of his Obsidian root directory, and he walked me through how he uses it to prep for an upcoming speech—creating a project folder, pulling in relevant research from his notes, saving transcripts from chats with other LLMs, and generating daily progress updates. - The “thinking partner” that lives inside Noah’s second brain: Noah points out that in the hype around AI’s ability to write, the fact that it can read is overlooked. That’s why he has an agent inside Claude Code with strict guardrails to stay in “thinking mode.” It logs his questions, tracks insights, and catches him up on research if he returns to a project after a few days away. - How Noah does deep work on his phone: Noah rigged a home server in his basement, put his Obsidian vault in it—and then runs Claude Code on top. Noah says that being able to think, write, research, and ship code from his phone has fundamentally changed the way he works. This episode of Every 📧’s AI & I is a must-watch for anyone curious about who wants to learn how to use Claude Code to build a true second brain. Watch below! Timestamps: Introduction: 00:01:19 How you can do deep work on your phone: 00:04:28 Why Noah thinks Grok has the best voice AI: 00:06:14 The nuts and bolts of Noah’s Claude Code-Obsidian setup: 00:11:39 Using an agent in Claude Code as a “thinking partner”: 00:23:59 Noah’s Thomas’ English Muffin theory of AI: 00:35:07 The white space still left to explore in AI: 00:44:04 How Noah is preparing his kids for AI: 00:50:41 How he brought his Claude Code setup to mobile: 01:01:54
1:11:52

Noah Brier (Noah Brier) uses Claude Code as his second brain—it’s the coolest notetaking setup I’ve ever seen. He has Claude running on a server in his basement hooked up to a VPN. It stores, reads, and writes to thousands of notes in his Obsidian (Obsidian) vault. He does it all from his phone. I had him on the show to tell us exactly how he’s pulling this off. We get into: - The nuts and bolts of the Claude Code-Obsidian setup: Noah set up Claude Code on top of his Obsidian root directory, and he walked me through how he uses it to prep for an upcoming speech—creating a project folder, pulling in relevant research from his notes, saving transcripts from chats with other LLMs, and generating daily progress updates. - The “thinking partner” that lives inside Noah’s second brain: Noah points out that in the hype around AI’s ability to write, the fact that it can read is overlooked. That’s why he has an agent inside Claude Code with strict guardrails to stay in “thinking mode.” It logs his questions, tracks insights, and catches him up on research if he returns to a project after a few days away. - How Noah does deep work on his phone: Noah rigged a home server in his basement, put his Obsidian vault in it—and then runs Claude Code on top. Noah says that being able to think, write, research, and ship code from his phone has fundamentally changed the way he works. This episode of Every 📧’s AI & I is a must-watch for anyone curious about who wants to learn how to use Claude Code to build a true second brain. Watch below! Timestamps: Introduction: 00:01:19 How you can do deep work on your phone: 00:04:28 Why Noah thinks Grok has the best voice AI: 00:06:14 The nuts and bolts of Noah’s Claude Code-Obsidian setup: 00:11:39 Using an agent in Claude Code as a “thinking partner”: 00:23:59 Noah’s Thomas’ English Muffin theory of AI: 00:35:07 The white space still left to explore in AI: 00:44:04 How Noah is preparing his kids for AI: 00:50:41 How he brought his Claude Code setup to mobile: 01:01:54

Dan Shipper 📧

30,792 görüntüleme • 11 ay önce

Cursor Complete Guide for AI Coding... 1. The Basics, Composer, Cursor 2.0, Why use Cursor? 2. Multiple Agent Testing, Adding Database, Deploying to Vercel 3. Comparing the big 4: v0, Replit, Lovable, Cursor And more... with Senior Software Engineer Kehan Zhang TIME STAMPS --------------- 1. BASICS: 00:00 Introduction 01:01 Overview of Cursor and Its Features 01:47 Getting Started with Cursor 02:39 Understanding IDE and Vibe Coding 06:00 Cursor For Mobile Apps 10:26 Downloading and Installing Cursor 11:17 Creating and Managing Projects in Cursor 15:14 Building a Simple Game with Cursor 19:10 Advanced Features and Customization 40:28 Fixing Styling Rules 40:53 Redesigning the App 42:17 Exploring Cursor 2.0 Features 43:22 Setting Up the Project Structure 44:17 Adding and Testing Meme Templates 46:08 Debugging Text Issues 2. ADVANCED 49:46 Using Multiple Agents 01:10:40 Creating Custom Commands 01:14:15 Creating Commands in Settings Tab 01:15:11 Introduction to Instant DB 01:16:04 Setting Up Instant DB in Your Project 01:18:24 Building a Full Stack Application 01:19:04 Using the Agent to Plan and Build 01:26:06 Testing and Debugging the Application 01:53:02 Deploying the Application with Vercel 01:55:35 Setting Up the CLI 01:56:15 Understanding Command Line Interfaces (CLI) 01:57:32 Deploying Code to Vercel 01:58:07 Handling Environment Variables 01:58:44 Interacting with the Vercel Deployment 02:00:34 Exploring Cursor's Capabilities 3. COMPARING VIBE CODING TOOLS 02:09:48 Comparing Vibe Coding Tools 02:31:04 Final Thoughts and Recommendations
2:34:13

Cursor Complete Guide for AI Coding... 1. The Basics, Composer, Cursor 2.0, Why use Cursor? 2. Multiple Agent Testing, Adding Database, Deploying to Vercel 3. Comparing the big 4: v0, Replit, Lovable, Cursor And more... with Senior Software Engineer Kehan Zhang TIME STAMPS --------------- 1. BASICS: 00:00 Introduction 01:01 Overview of Cursor and Its Features 01:47 Getting Started with Cursor 02:39 Understanding IDE and Vibe Coding 06:00 Cursor For Mobile Apps 10:26 Downloading and Installing Cursor 11:17 Creating and Managing Projects in Cursor 15:14 Building a Simple Game with Cursor 19:10 Advanced Features and Customization 40:28 Fixing Styling Rules 40:53 Redesigning the App 42:17 Exploring Cursor 2.0 Features 43:22 Setting Up the Project Structure 44:17 Adding and Testing Meme Templates 46:08 Debugging Text Issues 2. ADVANCED 49:46 Using Multiple Agents 01:10:40 Creating Custom Commands 01:14:15 Creating Commands in Settings Tab 01:15:11 Introduction to Instant DB 01:16:04 Setting Up Instant DB in Your Project 01:18:24 Building a Full Stack Application 01:19:04 Using the Agent to Plan and Build 01:26:06 Testing and Debugging the Application 01:53:02 Deploying the Application with Vercel 01:55:35 Setting Up the CLI 01:56:15 Understanding Command Line Interfaces (CLI) 01:57:32 Deploying Code to Vercel 01:58:07 Handling Environment Variables 01:58:44 Interacting with the Vercel Deployment 02:00:34 Exploring Cursor's Capabilities 3. COMPARING VIBE CODING TOOLS 02:09:48 Comparing Vibe Coding Tools 02:31:04 Final Thoughts and Recommendations

Riley Brown

65,392 görüntüleme • 9 ay önce

Claude Code documentation agent keeps project docs up to date with Docusaurus. Created a Docusaurus site: npx create-docusaurus@latest my-docs classic Added the agent: npx claude-code-templates@latest --agent=documentation/docusaurus-expert --yes Then prompt: "Use docusaurus-expert to review that the documentation is correct and up-to-date" Now the docs stay synced with code changes. That’s how I set up as shown in the video.
0:40

Claude Code documentation agent keeps project docs up to date with Docusaurus. Created a Docusaurus site: npx create-docusaurus@latest my-docs classic Added the agent: npx claude-code-templates@latest --agent=documentation/docusaurus-expert --yes Then prompt: "Use docusaurus-expert to review that the documentation is correct and up-to-date" Now the docs stay synced with code changes. That’s how I set up as shown in the video.

Daniel San

68,566 görüntüleme • 11 ay önce

Claude Code is not just a coding tool. It can also be used as a general agent in a "workspace" Let's create an "Agent Workspace" for Claude Code, and we're going to create 5 skills including: > Notion for context > Typefully for posting on X > Nano Banana for generating graphics We're going to do all this in a safe web environment on , the easiest way to use Claude Code on the browser or your phone. (Web app builder launching in 24hrs) TIMESTAMPS: 00:00 Intro 00:59 The Agent Workspace on 01:28 Adding a notion skill + Integration 07:23 Testing Notion Integration 08:17 Creating Tasks in the dashboard 09:19 Testing Tasks in the UI 13:40 Testing Multiple tasks at once 14:20 Creating Twitter Posts Panel (Typefully API) 15:44 Prompting for the nano banana skill 16:59 Testing Typefully and nano banana tasks 18:22 Let's check if typefully and nano banana work 19:54 Almost had a heart attack lol 20:59 figuring out typefully inssues 21:26 Creating "Twitter-Post-Skill" 22:23 All the Skills a Breakdown 23:37 It Works!!!!!
25:11

Claude Code is not just a coding tool. It can also be used as a general agent in a "workspace" Let's create an "Agent Workspace" for Claude Code, and we're going to create 5 skills including: > Notion for context > Typefully for posting on X > Nano Banana for generating graphics We're going to do all this in a safe web environment on , the easiest way to use Claude Code on the browser or your phone. (Web app builder launching in 24hrs) TIMESTAMPS: 00:00 Intro 00:59 The Agent Workspace on 01:28 Adding a notion skill + Integration 07:23 Testing Notion Integration 08:17 Creating Tasks in the dashboard 09:19 Testing Tasks in the UI 13:40 Testing Multiple tasks at once 14:20 Creating Twitter Posts Panel (Typefully API) 15:44 Prompting for the nano banana skill 16:59 Testing Typefully and nano banana tasks 18:22 Let's check if typefully and nano banana work 19:54 Almost had a heart attack lol 20:59 figuring out typefully inssues 21:26 Creating "Twitter-Post-Skill" 22:23 All the Skills a Breakdown 23:37 It Works!!!!!

Riley Brown

77,582 görüntüleme • 7 ay önce

Today we're announcing the Vibecode CLI Your OpenClaw (or any agent) can build and deploy up to 20 apps in parallel in a single prompt. Your agent will communicate with Vibecode to build your app(s). Frontend, Backend, Database, Deployments, APIs. Works with OpenClaw, Claude Code, Perplexity Computer, Manus, and any agent with access to a terminal. Just add this to your prompt: "Please use vibecode . dev CLI to build these apps"
2:20

Today we're announcing the Vibecode CLI Your OpenClaw (or any agent) can build and deploy up to 20 apps in parallel in a single prompt. Your agent will communicate with Vibecode to build your app(s). Frontend, Backend, Database, Deployments, APIs. Works with OpenClaw, Claude Code, Perplexity Computer, Manus, and any agent with access to a terminal. Just add this to your prompt: "Please use vibecode . dev CLI to build these apps"

vibecode.dev

114,468 görüntüleme • 5 ay önce

Claude Code is a major (and accidental!) hit for Anthropic that surprised even its creator, Boris Cherny. Claude Code, an Agentic AI coding product that lives in the terminal. Most of the new code at Anthropic is created through it today. And in the last 5 months since it was launched publicly, Claude Code went from $0 to $400M in revenue run rate (as per The Information). 00:00 – Intro 01:15 – Did You Expect Claude Code’s Success? 04:22 – How Claude Code Works and Origins 08:05 – Command Line vs IDE: Why Start Claude Code in the Terminal? 11:31 – The Evolution of Programming: From Punch Cards to Agents 13:20 – Product Follows Model: Simple Interfaces and Fast Evolution 15:17 – Who Is Claude Code For? (Engineers, Designers, PMs & More) 17:46 – What Can Claude Code Actually Do? (Actions & Capabilities) 21:14 – Agentic Actions, Subagents, and Workflows 25:30 – Claude Code’s Awareness, Memory, and Knowledge Sharing 33:28 – Model Context Protocol (MCP) and Customization 35:30 – Safety, Human Oversight, and Enterprise Considerations 38:10 – UX/UI: Making Claude Code Useful and Enjoyable 40:44 – Pricing for Power Users and Subscription Models 43:36 – Real-World Use Cases: Debugging, Testing, and More 46:44 – How Does Claude Code Transform Onboarding? 49:36 – The Future of Coding: Agents, Teams, and Collaboration 54:11 – The AI Coding Wars: Competition & Ecosystem 57:27 – The Future of Coding as a Profession 58:41 – What’s Next for Claude Code
1:00:16

Claude Code is a major (and accidental!) hit for Anthropic that surprised even its creator, Boris Cherny. Claude Code, an Agentic AI coding product that lives in the terminal. Most of the new code at Anthropic is created through it today. And in the last 5 months since it was launched publicly, Claude Code went from $0 to $400M in revenue run rate (as per The Information). 00:00 – Intro 01:15 – Did You Expect Claude Code’s Success? 04:22 – How Claude Code Works and Origins 08:05 – Command Line vs IDE: Why Start Claude Code in the Terminal? 11:31 – The Evolution of Programming: From Punch Cards to Agents 13:20 – Product Follows Model: Simple Interfaces and Fast Evolution 15:17 – Who Is Claude Code For? (Engineers, Designers, PMs & More) 17:46 – What Can Claude Code Actually Do? (Actions & Capabilities) 21:14 – Agentic Actions, Subagents, and Workflows 25:30 – Claude Code’s Awareness, Memory, and Knowledge Sharing 33:28 – Model Context Protocol (MCP) and Customization 35:30 – Safety, Human Oversight, and Enterprise Considerations 38:10 – UX/UI: Making Claude Code Useful and Enjoyable 40:44 – Pricing for Power Users and Subscription Models 43:36 – Real-World Use Cases: Debugging, Testing, and More 46:44 – How Does Claude Code Transform Onboarding? 49:36 – The Future of Coding: Agents, Teams, and Collaboration 54:11 – The AI Coding Wars: Competition & Ecosystem 57:27 – The Future of Coding as a Profession 58:41 – What’s Next for Claude Code

Matt Turck

82,327 görüntüleme • 1 yıl önce