Загрузка видео...

Не удалось загрузить видео

Возникла проблема при загрузке этого видео. Это может быть связано с временными проблемами сети или видео может быть недоступно.

На главную

I built an AI powered writing app with Cursor Agent without writing a single line of code in a little over an hour. Features: - AI powered autocomplete - AI powered image search with autosuggestions based on what i'm writing - Ai powered research based on what i'm writing... - Block based writing (which is useful for my workflow as a video content creator) !!! And I ran it locally this time. Normally I use replit, so if you got stuck on connecting cursor and replit, this video is for you. Template pinned on @senior_swc (starting point you can download) Tools used - Cursor (Claude for ai model) - Firebase - Deepseek DeepSeek - Exa ( Exa ) - Search API These videos serve as R&D for the app we're building at @yapthread. We're building the cursor for content creators. Sections 00:00 Introduction 03:24 Introduction to the Template 03:54 Setting Up Locally 04:04 Downloading and Running Locally 05:34 Firebase Setup 06:10 first prompt in cursor + continuing firebase 08:11 Full Plan for the app I'm building 10:44 Outlining the app hotkeys 11:55 Testing First Feature 16:54 Adding Autocomplete Feature Deepseek 22:23 Adding Images to Blocks (Search API) 22:42 Implementing and Testing Image Search (Search API) 25:32 Adjusting Image Sizes and Social Media Discussion 28:11 Adding Relevant Links (Exa API) 30:34 Testing and Debugging Link Highlights 32:27 Finalizing Image and Link Integration 40:37 Conclusion and Future Plansshow more

Riley Brown

167,123 subscribers

82,974 просмотров • 1 год назад •via X (Twitter)

Образование Наука и технологии Искусство

Anya Rossi• Live Now

Private livecam show

Комментарии: 11

Фото профиля Turing Trail

Turing Trail1 год назад

This is next-level productivity. The ability to combine autocomplete, image search, & research into an app without coding is wild. How well does the block-based writing hold up for more complex workflows? Seems like a game-changer for creators trying to streamline their process.

Фото профиля Fast Company

Fast Company1 год назад

AI is helping startups automate tasks, scale support, and drive growth. See how companies like Luna are leveraging AI. @DellTech #Dellforstartups #DWEN #AI #ad

Фото профиля Labib Yasir

Labib Yasir1 год назад

Would love your thoughts on @alchemistAIapp Really cool use of NLP

Фото профиля Ahmed Khayr

Ahmed Khayr1 год назад

Love how you have grown scince you started. Do you have a way to update the styling ? Find most site built via this method ugly.

Фото профиля Riley Brown

Riley Brown1 год назад

Find examples give screenshots

Фото профиля Manuel

Manuel1 год назад

Fantastic work, Riley! Your vision for creating things is truly sharp

Фото профиля Ryan Riggin

Ryan Riggin1 год назад

@rileybrown_ai what's your setup for streaming like? which app are you using to lay your video on top of the screen?

Фото профиля Mustafa Raouf

Mustafa Raouf1 год назад

Impressive app development, how does AI research integrate?

Фото профиля Anoop James

Anoop James1 год назад

Hi Riley. Could you please DM me any sample of something that this App generated? I would like to test that against some of the Ai detectors tools I use daily. Thank you!

Фото профиля Niro

Niro1 год назад

idk how you use agents, for me they always do too much and break the code that was previously functional

Фото профиля Riley Brown

Riley Brown1 год назад

Be more specific with the agent

Похожие видео

Without writing a single line of code... Using Cursor, I built a Perplexity Clone that thinks, using Deepseek reasoner. As promised i'm Open Sourcing this project and I will put the link below. Time Stamps: ---------------- 00:00 Introduction to Perplexity Clone 01:54 Setting Up the Project in Cursor using @senior_swc Template 03:03 Integrating DeepSeek API 04:18 Testing the Initial Setup 04:42 Tavily API for Web Search 07:23 Fixing Stuff 09:27 Improving the User Interface 12:59 Finalizing the Functionality 15:08: Cloning Perplexities Sources Section 17:50 Final Result 18:50 Why I built this app, and what i'm doing with it -----------------

Without writing a single line of code... Using Cursor, I built a Perplexity Clone that thinks, using Deepseek reasoner. As promised i'm Open Sourcing this project and I will put the link below. Time Stamps: ---------------- 00:00 Introduction to Perplexity Clone 01:54 Setting Up the Project in Cursor using @senior_swc Template 03:03 Integrating DeepSeek API 04:18 Testing the Initial Setup 04:42 Tavily API for Web Search 07:23 Fixing Stuff 09:27 Improving the User Interface 12:59 Finalizing the Functionality 15:08: Cloning Perplexities Sources Section 17:50 Final Result 18:50 Why I built this app, and what i'm doing with it -----------------

Riley Brown

618,562 просмотров • 1 год назад

Cursor Agent is just insane! In a little over an hour, without writing one line of code I created a YouTube Super Analytics Tool and I filmed the whole process... This is a full step by step guide on how to use Cursor Agent to build whatever you want with zero coding... As always I used the @senior_swc nextjs template as a starting point that has been forked over 11,000 times. (in next tweet below) Tools used: - Cursor: Duh - Replit: Template, web view and deployment - Deepseek API: High quality AI Model (Cheap and better than gpt) - SupaData API: Pull YT Transcripts - SerpAPI: Search YouTube Results - Firebase: DB and Auth Chapters: 00:00 - YouTube Power Tool In Action 03:00 - Planning Phase (How I diagram and plan) 04:58 - Features I'm adding 06:20 - Setting Up APIs and Tools 10:00 - Developing the YouTube Transcript Extractor w/ Supadata + Deepseek 19:58 - The YouTube Search Feature (SerpAPI) 29:41 - Setting Up Google Firebase (DB + Auth) 32:00 - Implementing Search and Save Features 36:50 - Styling and UI Enhancements 49:00 - Final Result 53:40 - These features are being added to @yapthread but way better (First look at composer feature)

Cursor Agent is just insane! In a little over an hour, without writing one line of code I created a YouTube Super Analytics Tool and I filmed the whole process... This is a full step by step guide on how to use Cursor Agent to build whatever you want with zero coding... As always I used the @senior_swc nextjs template as a starting point that has been forked over 11,000 times. (in next tweet below) Tools used: - Cursor: Duh - Replit: Template, web view and deployment - Deepseek API: High quality AI Model (Cheap and better than gpt) - SupaData API: Pull YT Transcripts - SerpAPI: Search YouTube Results - Firebase: DB and Auth Chapters: 00:00 - YouTube Power Tool In Action 03:00 - Planning Phase (How I diagram and plan) 04:58 - Features I'm adding 06:20 - Setting Up APIs and Tools 10:00 - Developing the YouTube Transcript Extractor w/ Supadata + Deepseek 19:58 - The YouTube Search Feature (SerpAPI) 29:41 - Setting Up Google Firebase (DB + Auth) 32:00 - Implementing Search and Save Features 36:50 - Styling and UI Enhancements 49:00 - Final Result 53:40 - These features are being added to @yapthread but way better (First look at composer feature)

Riley Brown

202,473 просмотров • 1 год назад

Full Cursor Getting Started Beginners Guide You can build an AI wrapper in 30 minutes that uses ChatGPT and ElevenLabs API, even if you've never written a line of code, ever. This was 7 total Cursor Composer Prompts. Many people got stuck while following along my recent videos so I wanted to slow it down make one for beginners. From Downloading Cursor to Deploying on Vercel Template link is pinned to this profile @senior_swc Time Stamps 00:00 No-Code App Building 01:00 Getting Started and Downloading Cursor 01:50 Downloading the Template 03:13 Intro to Cursor Composer 04:06 First Prompt Getting Template Set Up 05:05 First Prompt For Real adding ChatGPT api 08:46 Setting up ChatGPT API 10:46 Testing Chat Feature 13:40 Cursor Feature Overview 17:40 Now Lets Add Voice 21:27 Asking Composer to Deploy the app on Vercel

Riley Brown

175,811 просмотров • 1 год назад

Let's build a Deepseek Wrapper (Mobile App) without writing a single line of code! Everyone is talking about building web apps with AI, but no one is talking about building mobile apps. This video tutorial and @senior_swc template (built by ) will help you get starting building an app on iOS. This is react native so it's also compatible with Android and Web (But we will cover this in a future video). The point of this video is to get some experience in the simulator and to start building an app. In a video, soon, we will take the app we've built, test it on our phone, and put it on Test-Flight! (Without writing ANY code!) Just a warning: The DeepSeek API has been tough to rely on. So I decided to add Gemini into my app as a backup, which you can do as well (with any AI model) The code for template is on the next tweet. Timestamps: 00:00 Introduction 01:35 Setting Up Xcode and iPhone Simulator 02:29 Downloading and Configuring Cursor 04:10 Forking the Template and Initial Setup 06:10 Implementing Authentication with Clerk 08:23 Adding DeepSeek API and Testing 13:35 Enhancing the App with SupaData API 19:00 Using the Serp API to fetch video links 23:00 Figuring things out 27:30 Woohoo!!! Perplexitube Shout out to Galaxies-dev on GitHub, who's repo (chatgpt-clone-react-native), we very helpful in building this template quickly.

Let's build a Deepseek Wrapper (Mobile App) without writing a single line of code! Everyone is talking about building web apps with AI, but no one is talking about building mobile apps. This video tutorial and @senior_swc template (built by ) will help you get starting building an app on iOS. This is react native so it's also compatible with Android and Web (But we will cover this in a future video). The point of this video is to get some experience in the simulator and to start building an app. In a video, soon, we will take the app we've built, test it on our phone, and put it on Test-Flight! (Without writing ANY code!) Just a warning: The DeepSeek API has been tough to rely on. So I decided to add Gemini into my app as a backup, which you can do as well (with any AI model) The code for template is on the next tweet. Timestamps: 00:00 Introduction 01:35 Setting Up Xcode and iPhone Simulator 02:29 Downloading and Configuring Cursor 04:10 Forking the Template and Initial Setup 06:10 Implementing Authentication with Clerk 08:23 Adding DeepSeek API and Testing 13:35 Enhancing the App with SupaData API 19:00 Using the Serp API to fetch video links 23:00 Figuring things out 27:30 Woohoo!!! Perplexitube Shout out to Galaxies-dev on GitHub, who's repo (chatgpt-clone-react-native), we very helpful in building this template quickly.

Riley Brown

128,458 просмотров • 1 год назад

The fastest way to clone a multi million dollar mobile app with Cursor (And Add Multiple AI Features) Here's what I did: 1. Prototype on phone 2. Add Whisper for Voice Recording + GPT4o Image 3. Export to Cursor 4. Make Changes on Cursor while testing on phone 5. Add Perplexity API for research Timestamps 00:00 Intro 00:23 ChatGPT for Design Description 00:43 Prototype in vibecode.dev 01:16 Uh oh, we got an error, let's fix 02:55 Note Details Page Works! Let's go 04:16 Adding AI Generated Thumbnails with gpt4o Image model 06:15 Moving Prototype to Cursor 08:15 Making Changes to app with Cursor 11:21 Adding Perplexity Research to the App

The fastest way to clone a multi million dollar mobile app with Cursor (And Add Multiple AI Features) Here's what I did: 1. Prototype on phone 2. Add Whisper for Voice Recording + GPT4o Image 3. Export to Cursor 4. Make Changes on Cursor while testing on phone 5. Add Perplexity API for research Timestamps 00:00 Intro 00:23 ChatGPT for Design Description 00:43 Prototype in vibecode.dev 01:16 Uh oh, we got an error, let's fix 02:55 Note Details Page Works! Let's go 04:16 Adding AI Generated Thumbnails with gpt4o Image model 06:15 Moving Prototype to Cursor 08:15 Making Changes to app with Cursor 11:21 Adding Perplexity Research to the App

Riley Brown

95,984 просмотров • 1 год назад

I used Cursor to Create a YouTube Thumbnail Generator and Editor in one sitting (Without Writing a single line of code) I can also type in the name of any YouTuber or topic on youtube and not only fetch and edit their thumbnails, i can put my face on any person on the thumbnail. Timestamps 00:00 Intro 01:49 Overview 03:28 Getting Started with Perplexity Prompt 05:13 Using Replicate API 08:50 First Prompt Testing Image Editor 13:40 Got Replicate to work 14:12 Fixing the editing feature 20:11 Editing Images with AI 20:48 Experimenting with Different Edits 21:35 Switching Models for Better Results 22:49 Uploading and Editing Thumbnails 24:46 Integrating YouTube Search and Edit 25:52 Troubleshooting and Testing 27:53 Adding my AI model to Generator 31:39 Adding Exporting 32:24 Adding Text to Images 33:33 Final Adjustments and Testing 35:23 Conclusion and Final Thoughts

I used Cursor to Create a YouTube Thumbnail Generator and Editor in one sitting (Without Writing a single line of code) I can also type in the name of any YouTuber or topic on youtube and not only fetch and edit their thumbnails, i can put my face on any person on the thumbnail. Timestamps 00:00 Intro 01:49 Overview 03:28 Getting Started with Perplexity Prompt 05:13 Using Replicate API 08:50 First Prompt Testing Image Editor 13:40 Got Replicate to work 14:12 Fixing the editing feature 20:11 Editing Images with AI 20:48 Experimenting with Different Edits 21:35 Switching Models for Better Results 22:49 Uploading and Editing Thumbnails 24:46 Integrating YouTube Search and Edit 25:52 Troubleshooting and Testing 27:53 Adding my AI model to Generator 31:39 Adding Exporting 32:24 Adding Text to Images 33:33 Final Adjustments and Testing 35:23 Conclusion and Final Thoughts

Riley Brown

66,921 просмотров • 1 год назад

VIBE CODING TUTORIAL: Creating a Viral Meme Mobile App Without Any Coding in 20 minutes! You can now build multi-step AI workflows on a drag and drop platform, and then connect that workflow to your vibe coded mobile app, in a single cursor prompt. This only scratches the surface on the different workflows you can create like this. IN THIS VIDEO 00:00 Intro 00:36 Overview: MultiStep AI Backend on GLIF 01:33 Using Glif as an API 03:49 The backend for our app 04:36 Structured Outputs (Important for Vibe Coding, skip if you know what these are) 06:40 Image Workflow for the meme 08:34 Let's Protototype on 11:09 Setting this up with Cursor 18:40 Testing with

VIBE CODING TUTORIAL: Creating a Viral Meme Mobile App Without Any Coding in 20 minutes! You can now build multi-step AI workflows on a drag and drop platform, and then connect that workflow to your vibe coded mobile app, in a single cursor prompt. This only scratches the surface on the different workflows you can create like this. IN THIS VIDEO 00:00 Intro 00:36 Overview: MultiStep AI Backend on GLIF 01:33 Using Glif as an API 03:49 The backend for our app 04:36 Structured Outputs (Important for Vibe Coding, skip if you know what these are) 06:40 Image Workflow for the meme 08:34 Let's Protototype on 11:09 Setting this up with Cursor 18:40 Testing with

Riley Brown

57,878 просмотров • 1 год назад

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,124 просмотров • 1 год назад

In 16 minutes we vibe coded a Web App and a Mobile App.... That share a backend Using Claude Code inside the Without writing a single line of code. App we built: instagram, except all the other users are AI agents that can post, like and comment. 00:00 Introduction 00:33 Starting with the Web App 01:08 First Prompt and Initial Setup 01:43 Authentication Process 02:49 Adding APIs and Enhancements 03:59 Testing the Web App 05:04 Redesigning the Web App 05:59 The Importance of Understanding Databases 07:20 Adding AI Agents 08:44 Setting Up the Admin Panel 10:02 Speeding Up Time for Testing 11:14 Finalizing the Web App 13:24 Building the Mobile App 16:11 Final Thoughts

In 16 minutes we vibe coded a Web App and a Mobile App.... That share a backend Using Claude Code inside the Without writing a single line of code. App we built: instagram, except all the other users are AI agents that can post, like and comment. 00:00 Introduction 00:33 Starting with the Web App 01:08 First Prompt and Initial Setup 01:43 Authentication Process 02:49 Adding APIs and Enhancements 03:59 Testing the Web App 05:04 Redesigning the Web App 05:59 The Importance of Understanding Databases 07:20 Adding AI Agents 08:44 Setting Up the Admin Panel 10:02 Speeding Up Time for Testing 11:14 Finalizing the Web App 13:24 Building the Mobile App 16:11 Final Thoughts

Riley Brown

68,152 просмотров • 4 месяцев назад

Building a very useful app in 20 minutes that has - Deep Research (Perplexity) - Claude 3.7 Sonnet - YT Transcript API (SupaData) Without writing a single line of code With the latest Cursor update with web search and Claude 3.7 Sonnet, Vibe Coding got even more vibey. Timestamps: 00:00 Getting Started 00:57 Ideating with excalidraw 02:29 Opening Cursor Starting From Template 05:25 Perplexity Deep Research API and Claude API set up 10:18 OHHH NO AN ERROR! WHATEVER WILL I DO? 11:17 PERPLEXITY AND CLAUDE WORKED! 12:02 IMPROVING DESIGN 13:04 ADDING YOUTUBE TRANSCRIPT API 15:21 Redesign Concept with v0 17:07 This is what we created 19:42 Want to dive deeper into vibe coding?

Building a very useful app in 20 minutes that has - Deep Research (Perplexity) - Claude 3.7 Sonnet - YT Transcript API (SupaData) Without writing a single line of code With the latest Cursor update with web search and Claude 3.7 Sonnet, Vibe Coding got even more vibey. Timestamps: 00:00 Getting Started 00:57 Ideating with excalidraw 02:29 Opening Cursor Starting From Template 05:25 Perplexity Deep Research API and Claude API set up 10:18 OHHH NO AN ERROR! WHATEVER WILL I DO? 11:17 PERPLEXITY AND CLAUDE WORKED! 12:02 IMPROVING DESIGN 13:04 ADDING YOUTUBE TRANSCRIPT API 15:21 Redesign Concept with v0 17:07 This is what we created 19:42 Want to dive deeper into vibe coding?

Riley Brown

84,768 просмотров • 1 год назад

I used the new ChatGPT image model to redesign Claude into "VibeChat". I used: gpt4o - to design cursor - to vibe code suno - to add some songs claude - ai agent model timestamps 00:00 Introduction to the GPT-4 Vision Model 00:42 Creating a Claude Clone 02:09 Designing the User Interface with Cursor 02:09 Setting Up the Base Template 04:22 Customizing the Aesthetics 07:03 Designing the Sidebar 08:37 Creating and Adding Icons / Logos 09:30 Finalizing the Logo 12:56 Adding Notepad and Music Features 14:37 Testing and Refining Features 15:39 Final Touches and Adjustments 16:25 Vibe Chat Overview

Riley Brown

27,314 просмотров • 1 год назад

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

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,179 просмотров • 7 месяцев назад

SOMEONE BUILT AN AI-POWERED SEARCH ENGINE THAT INDEXES YOUR ENTIRE IMESSAGE DATABASE LOCALLY USING CURSOR-STYLE AGENTIC SEARCH, IMAGE EMBEDDINGS, AND CLAUDE FOR ORCHESTRATION. YOUR WHOLE MESSAGE HISTORY. FULLY SEARCHABLE. RUNS ON YOUR MAC. OPEN SOURCE.

SOMEONE BUILT AN AI-POWERED SEARCH ENGINE THAT INDEXES YOUR ENTIRE IMESSAGE DATABASE LOCALLY USING CURSOR-STYLE AGENTIC SEARCH, IMAGE EMBEDDINGS, AND CLAUDE FOR ORCHESTRATION. YOUR WHOLE MESSAGE HISTORY. FULLY SEARCHABLE. RUNS ON YOUR MAC. OPEN SOURCE.

0xMarioNawfal

67,323 просмотров • 3 месяцев назад

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 просмотров • 7 месяцев назад

Everyone is talking about Vibe Coding (Using AI to Create Apps Only using AI) This is the most Comprehensive Guide for Vibe Coding with Cursor (By Far) 250 Minutes, All the vibe code basics of cursor, plus 4 Projects in one video! This is how I, as someone who has never written a line of code, approach building apps (every day). Part 1A Intro to Cursor, Composer, and some basics --------------------- 00:00 Intro 03:41 Downloading Cursor 06:09 What the hell is Composer? 10:47 A Note on Context and Keeping Composer Threads Small 11:38 Simple Desings with Cursor Composer From Blank Project 14:04 Editing a Simple Animation With Cursor Composer 16:35 Setting Up The Voice to Talk to Cursor Composer Whispr Flow 17:54 Lets an Early 2000's Landing Page Part 1B AI Image Generator --------------------- 23:59 Using the GitHub Template to Create a NextJS App 26:43 Template is Open, Let's Edit it 28:55 Drawing Out My Idea With Whimsical 30:11 First Prompt Using Place Holders For Image Generation 32:10 Accept All Vs Save All and Restoring in Composer (Saving your work) 33:54 Adding AI Feature (Brief Teaser, Deep Dive Later) 35:15 What is an API 37:22 Perplexity the best place to learn about API's 40:21 Api keys and running prompt for first AI Feature 42:48 Debugging, Woohoo! Learn to love this :) 43:20 Inspect - Console, In Browser Debugging Hack 48:02 AI Image Generation Works! Lets add more Part 2: Landing Page ---------------------- 51:03 Pause and Reflect, What have we done so far? 53:41 Plan for rest of video 54:34 Ok Let's Talk about (1) Designs 56:19 GitHub is like --sref for those who do image gen 58:20 Starting Cursor project from a GitHub Repo we found on Perplexity 01:00:48 Yolo Mode... Wtf is that? 01:02:38 Inspecting GitHub Repo's Examples, to use in our landing page 01:02:58 The Project We're making - A landing page 01:03:56 Landing Page from Screenshot 01:06:17 Making Changes to Landing Page 01:11:42 Making a more epic section 01:13:42 The Essence of Vibe Coding 01:15:17 Creating Cool Testimonials Section From Screenshot 01:18:18 Deploy to Vercel! But First New Repo on GitHub 01:20:45 Ok it's on GitHub... Now lets do vercel 01:21:17 Untechnical Explanation of what Vercel is Lol 01:24:18 Connecting Custom Domain (Bought on Name Cheap) To Vercel Deployment Part 3: App With Database and Authentication ---------------------- 01:27:59 Recap and Prep For The Bigger Project! 01:35:13 Getting Started from Template (Again) 01:38:52 Setting Up Database and Authentication (Firebase) 01:44:01 Back To Cursor, Let's Set up The Auth in the app 01:48:35 Switching to mermaid because compatibility issues 01:51:13 Using AI (Claude) to Generate Mermaid Diagrams 01:52:19 Adding Docs to Cursor to use AI Features over and over again 01:54:38 Let's Troubleshoot 01:56:10 Adding View Button and EDIT WITH AI 02:01:45 AI Diagram Edit Feature is DOPE 02:03:17 Using Search Feature on Cursor to find text in Codebase 02:05:55 Lets add ability to save these to Database 02:09:33 What does saved to Google Firebase even mean? 02:13:00 We can Export as PDF! 02:15:48 GitHub and Vercel Again! 02:17:27 Vercel with CLI From Cursor 02:20:52 Setting Vercel Domain as an Authorized Domain 02:27:34 How To Learn More

Everyone is talking about Vibe Coding (Using AI to Create Apps Only using AI) This is the most Comprehensive Guide for Vibe Coding with Cursor (By Far) 250 Minutes, All the vibe code basics of cursor, plus 4 Projects in one video! This is how I, as someone who has never written a line of code, approach building apps (every day). Part 1A Intro to Cursor, Composer, and some basics --------------------- 00:00 Intro 03:41 Downloading Cursor 06:09 What the hell is Composer? 10:47 A Note on Context and Keeping Composer Threads Small 11:38 Simple Desings with Cursor Composer From Blank Project 14:04 Editing a Simple Animation With Cursor Composer 16:35 Setting Up The Voice to Talk to Cursor Composer Whispr Flow 17:54 Lets an Early 2000's Landing Page Part 1B AI Image Generator --------------------- 23:59 Using the GitHub Template to Create a NextJS App 26:43 Template is Open, Let's Edit it 28:55 Drawing Out My Idea With Whimsical 30:11 First Prompt Using Place Holders For Image Generation 32:10 Accept All Vs Save All and Restoring in Composer (Saving your work) 33:54 Adding AI Feature (Brief Teaser, Deep Dive Later) 35:15 What is an API 37:22 Perplexity the best place to learn about API's 40:21 Api keys and running prompt for first AI Feature 42:48 Debugging, Woohoo! Learn to love this :) 43:20 Inspect - Console, In Browser Debugging Hack 48:02 AI Image Generation Works! Lets add more Part 2: Landing Page ---------------------- 51:03 Pause and Reflect, What have we done so far? 53:41 Plan for rest of video 54:34 Ok Let's Talk about (1) Designs 56:19 GitHub is like --sref for those who do image gen 58:20 Starting Cursor project from a GitHub Repo we found on Perplexity 01:00:48 Yolo Mode... Wtf is that? 01:02:38 Inspecting GitHub Repo's Examples, to use in our landing page 01:02:58 The Project We're making - A landing page 01:03:56 Landing Page from Screenshot 01:06:17 Making Changes to Landing Page 01:11:42 Making a more epic section 01:13:42 The Essence of Vibe Coding 01:15:17 Creating Cool Testimonials Section From Screenshot 01:18:18 Deploy to Vercel! But First New Repo on GitHub 01:20:45 Ok it's on GitHub... Now lets do vercel 01:21:17 Untechnical Explanation of what Vercel is Lol 01:24:18 Connecting Custom Domain (Bought on Name Cheap) To Vercel Deployment Part 3: App With Database and Authentication ---------------------- 01:27:59 Recap and Prep For The Bigger Project! 01:35:13 Getting Started from Template (Again) 01:38:52 Setting Up Database and Authentication (Firebase) 01:44:01 Back To Cursor, Let's Set up The Auth in the app 01:48:35 Switching to mermaid because compatibility issues 01:51:13 Using AI (Claude) to Generate Mermaid Diagrams 01:52:19 Adding Docs to Cursor to use AI Features over and over again 01:54:38 Let's Troubleshoot 01:56:10 Adding View Button and EDIT WITH AI 02:01:45 AI Diagram Edit Feature is DOPE 02:03:17 Using Search Feature on Cursor to find text in Codebase 02:05:55 Lets add ability to save these to Database 02:09:33 What does saved to Google Firebase even mean? 02:13:00 We can Export as PDF! 02:15:48 GitHub and Vercel Again! 02:17:27 Vercel with CLI From Cursor 02:20:52 Setting Vercel Domain as an Authorized Domain 02:27:34 How To Learn More

Riley Brown

367,311 просмотров • 1 год назад

Introducing Perplexi-Tube, the Perplexity for YouTube that I built in 20 minutes... A Mobile app that uses Deepseek and Gemini I used Cursor and the React Native template built that makes building mobile apps incredibly easy. Tomorrow I'm releasing a full tutorial on how to create a mobile app with react native. You will need - XCode and Simulator (free) - Cursor - A Clerk Account (for auth, free) - A Deepseek API Key - A Gemini API Key (Optional, we used it because deepseek has been down today) Video will be released tomorrow, and I will open source this code as well.

Introducing Perplexi-Tube, the Perplexity for YouTube that I built in 20 minutes... A Mobile app that uses Deepseek and Gemini I used Cursor and the React Native template built that makes building mobile apps incredibly easy. Tomorrow I'm releasing a full tutorial on how to create a mobile app with react native. You will need - XCode and Simulator (free) - Cursor - A Clerk Account (for auth, free) - A Deepseek API Key - A Gemini API Key (Optional, we used it because deepseek has been down today) Video will be released tomorrow, and I will open source this code as well.

Riley Brown

117,771 просмотров • 1 год назад

Introducing the Deep Research API public Alpha Just enter a query and our AI-powered endpoint will analyze vast collections of web content to return an answer. See how our customer Lucid is integrating it into their "cursor for writing" app 👇

Introducing the Deep Research API public Alpha Just enter a query and our AI-powered endpoint will analyze vast collections of web content to return an answer. See how our customer Lucid is integrating it into their "cursor for writing" app 👇

Firecrawl

50,638 просмотров • 1 год назад

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 просмотров • 1 год назад