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.

For the past 9 days I've been creating websites using AI with no coding experience In this video: [1] 5 examples of websites I've built w/ Claude [2] My 4 step process to easily create a website [3] Example: create a landing page from scratch Timestamps: - 00:00 -... show more

Riley Brown

86,310 subscribers

73,710 views • 1 year ago •via X (Twitter)

Science & Technology Comedy Education

Anya Rossi• Live Now

Private livecam show

25 Comments

Stevie Ray Jawn1 year ago

Great video. But the real question is…. After you build a site, how do you drive traffic to make money? A continuous flow of traffic that doesn’t cost you a ton of money or without you A. B. Inb4 test campaigns for years etc. any ideas on that?

Riley Brown1 year ago

Next step it’s day 9

Sebastian1 year ago

The power of AI… I’m building a directory website with Next.js, MongoDB, Cody using Claude 3.5 and I have some programming experience and I’m blown away 💨💯💯💯 if you can learn the terminology and docs you will be able to create some cool shit !

Kats.𝕏⟠🔺1 year ago

Let's connect 👀🤝🏻✍🏻

Miguel Trejo1 year ago

The movement needs a hashtag #Cre8 #4All

Riley Brown1 year ago

#CREATEDOTINC

mikey1 year ago

Amazing video Riley. Thanks for walking us through your process. What’s the whiteboard tool you use in the video for explaining everything? Been trying to find a good one

Riley Brown1 year ago

Whimsical diagrams

Dave Villalva1 year ago

Dude respect and love your simple brilliance 🙏 Bookmarking and studying

Daniel “Migizi” Osterman1 year ago

Awesome job.

xeroByte ✨1 year ago

Awesome 😎👍🏻

M.R1 year ago

Excellent post, waiting for more, please 👌

Sergio Chaparro  ⚡️™1 year ago

I am in Riley :)

John Forsyth1 year ago

You've inspired me with this video! Love to see your excitement, it spreads!

Dr.beast🚢1 year ago

Riley you always give the best and you are! Wish All the Ai building series can have a full version that include all the process with out editing If That will be even cooler and no one doing it like you 💎 Riley you are the best we will all support you ✨

Damiano Redemagni1 year ago

Fantastic! Keep these videos going!

Hassan1 year ago

Super useful - you’re a mind reader - your video outlines exactly what I am trying to do. Will be spending time with you and Claude today! 🙏

rad bro (unreal)1 year ago

yep same i just tell Claude and not even lying im a millionaire now

AI Developer | Fullstack Dev | Kelvin Dim1 year ago

Good job on what you are doing currently it’s good for people to get into tech, however YOU are in no position to be teaching something you are STILL learning. Take a little time understand what you are actually doing before pumping out tutorials to lead down the wrong path.

Riley Brown1 year ago

Don’t listen to me I’m stupid.

Domain Of The Year 🏅1 year ago

Thank you for sharing this valuable info. In case anyone looking for a premium domain name for their project, please dm me.

GAIO1 year ago

on fire 🔥 bookmarking this

Marshall Taplits1 year ago

Most useful video I’ve seen this month. Thank you!!

D1 year ago

@readwise save thread

CodeRabbit1 year ago

AI-first pull request reviewer with context-aware feedback, line-by-line code suggestions, and real-time chat.

Related Videos

Fastest way to create a landing page... 1. Register a domain at Cloudflare 2. Got to aura․build and create a landing page with AI 3. Download HTML/CSS code to your HDD 4. Initiate a Git repository and publish 5. Go to sevalla․com and upload your project. 6. Associate your custom domain.

Fastest way to create a landing page... 1. Register a domain at Cloudflare 2. Got to aura․build and create a landing page with AI 3. Download HTML/CSS code to your HDD 4. Initiate a Git repository and publish 5. Go to sevalla․com and upload your project. 6. Associate your custom domain.

Csaba Kissi

12,625 views • 1 month ago

❤️‍🔥 AntiGravity built me a $10,000 beautiful website using only AI. Today, I recorded myself creating the entire thing from scratch in 25 minutes. You'll learn how to: • Turn Dribbble screenshots into premium designs instantly • Generate characters and looping Kling video animations • Build fully responsive websites in Google AI Studio + AntiGravity • Add smooth transitions, loaders & mobile optimization • Deploy live to your own custom domain After 10 years as a designer. This is exactly how I create high-quality websites (no AI slop). Comment “DESIGNROCKET” and I’ll DM you the remix link to the final result.

❤️‍🔥 AntiGravity built me a $10,000 beautiful website using only AI. Today, I recorded myself creating the entire thing from scratch in 25 minutes. You'll learn how to: • Turn Dribbble screenshots into premium designs instantly • Generate characters and looping Kling video animations • Build fully responsive websites in Google AI Studio + AntiGravity • Add smooth transitions, loaders & mobile optimization • Deploy live to your own custom domain After 10 years as a designer. This is exactly how I create high-quality websites (no AI slop). Comment “DESIGNROCKET” and I’ll DM you the remix link to the final result.

Viktor Oddy

59,832 views • 3 months ago

The fastest and easiest way to create a NextJS landing page with Cursor: In this video 1. Start From Template 2. Edit the site with an image and a few prompts 3. Deploy to Vercel 4. Connect to Custom Domain Template / prompt is pinned to @senior_swc

The fastest and easiest way to create a NextJS landing page with Cursor: In this video 1. Start From Template 2. Edit the site with an image and a few prompts 3. Deploy to Vercel 4. Connect to Custom Domain Template / prompt is pinned to @senior_swc

Riley Brown

24,692 views • 1 year ago

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

How to VibeCode a Viral Mobile App that Replaces Photoshop in 18 Minutes Using: - Replicate - Flux-Kontext (Better than GPT Image Edit Model) - Paul Jankura Claude 4 Sonnet - vibecode.dev Zero Coding Required Time Stamps: 00:00 - Introduction 00:39 - Planning on Replicate Playground 03:11 - Creating the Design Whimsical for sketch 04:16 - Building the app with vibecode.dev 07:41 - Step 3 Adding the AI functionality 07:58 - Getting the Flux Kontext Playground Code 09:19 - Getting API Key for Replicate (keep secret) 10:38 - Dealing with Error 11:14 - Using Replicate Logs to debug 15:30 - Adding Share Features 17:03 - Ok, This is the app we created 17:28 - How to Access vibecode.dev right now

How to VibeCode a Viral Mobile App that Replaces Photoshop in 18 Minutes Using: - Replicate - Flux-Kontext (Better than GPT Image Edit Model) - Paul Jankura Claude 4 Sonnet - vibecode.dev Zero Coding Required Time Stamps: 00:00 - Introduction 00:39 - Planning on Replicate Playground 03:11 - Creating the Design Whimsical for sketch 04:16 - Building the app with vibecode.dev 07:41 - Step 3 Adding the AI functionality 07:58 - Getting the Flux Kontext Playground Code 09:19 - Getting API Key for Replicate (keep secret) 10:38 - Dealing with Error 11:14 - Using Replicate Logs to debug 15:30 - Adding Share Features 17:03 - Ok, This is the app we created 17:28 - How to Access vibecode.dev right now

Riley Brown

43,243 views • 1 year ago

I create websites using WordPress. I have built this website. If anyone needs a website, 🛠️ DM me to get started! Laughing Cats Abolish1913

I create websites using WordPress. I have built this website. If anyone needs a website, 🛠️ DM me to get started! Laughing Cats Abolish1913

Milan 🇺🇲

34,974 views • 1 year ago

Introducing Build-a-Site: a way to make + publish full websites in seconds with Claude Sonnet Here's a personal website from my resume, <1 minute from start to publish:

Introducing Build-a-Site: a way to make + publish full websites in seconds with Claude Sonnet Here's a personal website from my resume, <1 minute from start to publish:

Anish

30,592 views • 1 year ago

I'm often asked for the best public example of AI evals done right for a real, production product. I finally have an answer. Teresa Torres shares how she shipped an AI interview coach, and used evals to rapidly squash bugs and improve the product. Teresa shows how she: 1. did error analysis FIRST to find real issues (instead of using generic metrics) 😍 2. used Jupyter notebooks to analyze errors 3. built custom annotation tools + custom widgets in notebooks 4. built a LLM-judge and assertions to test for specific errors 5. iterated through this feedback loop until it worked. 6. kept things simple the whole time It's also probably the best commercial for Jupyter notebooks you can imagine. 🥰 Chapter summary below. Link to YT in next thread 00:00:00 - Intro 00:01:45 - The Product: Building an AI Interview Coach 00:06:34 - The Problem: How Do I Know if My AI Coach is Any Good? 00:10:15 - Using Airtable for Traces and Annotation 00:12:15 - Discovering Jupyter Notebooks and Designing the First Evals 00:15:15 - Example Evals: LLM-as-Judge vs. Code-Based Assertions 00:21:00 - Learning Python with ChatGPT to Analyze Eval Results 00:31:00 - VS Code, Custom Tools, and an Eval Investigation Notebook 00:39:45 - Building a Custom Annotation Tool with Claude 00:41:00 - From Personal Project to Production App 00:46:02 - How Should PMs and Engineers Collaborate on AI Products? 00:55:45 - Q&A: Capturing Feedback and Annotations from End Users 00:58:11 - Q&A: Is a Technical Background Necessary to Build AI? 01:02:28 - Q&A: What's Next for Teresa? 01:03:13 - Q&A: Unpacking the Micro-Decisions of Building an AI App

I'm often asked for the best public example of AI evals done right for a real, production product. I finally have an answer. Teresa Torres shares how she shipped an AI interview coach, and used evals to rapidly squash bugs and improve the product. Teresa shows how she: 1. did error analysis FIRST to find real issues (instead of using generic metrics) 😍 2. used Jupyter notebooks to analyze errors 3. built custom annotation tools + custom widgets in notebooks 4. built a LLM-judge and assertions to test for specific errors 5. iterated through this feedback loop until it worked. 6. kept things simple the whole time It's also probably the best commercial for Jupyter notebooks you can imagine. 🥰 Chapter summary below. Link to YT in next thread 00:00:00 - Intro 00:01:45 - The Product: Building an AI Interview Coach 00:06:34 - The Problem: How Do I Know if My AI Coach is Any Good? 00:10:15 - Using Airtable for Traces and Annotation 00:12:15 - Discovering Jupyter Notebooks and Designing the First Evals 00:15:15 - Example Evals: LLM-as-Judge vs. Code-Based Assertions 00:21:00 - Learning Python with ChatGPT to Analyze Eval Results 00:31:00 - VS Code, Custom Tools, and an Eval Investigation Notebook 00:39:45 - Building a Custom Annotation Tool with Claude 00:41:00 - From Personal Project to Production App 00:46:02 - How Should PMs and Engineers Collaborate on AI Products? 00:55:45 - Q&A: Capturing Feedback and Annotations from End Users 00:58:11 - Q&A: Is a Technical Background Necessary to Build AI? 01:02:28 - Q&A: What's Next for Teresa? 01:03:13 - Q&A: Unpacking the Micro-Decisions of Building an AI App

Hamel Husain

51,376 views • 10 months ago

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 TIMESTAMPS: 00:00 Intro 00:44 Installing Claude Code 03:39 Creating Folders and Text Files 04:35 Using Claude Code as a Content Research Agent with Obsidian 18:06 Review: It's a general agent, that can control your cpu 19:02 Building Apps with Claude Code 21:36 Bypassing Permissions (Dangerously) 22:45 Creating a landing page 25:08 Setting up and "Saving" to GitHub 30:27 Deploying to Vercel 32:32 Building a web app with auth and db (Firebase) 35:03 Setting up Firebase 38:58 Our Web App With Auth Works! 42:55 You can add your own domain

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 TIMESTAMPS: 00:00 Intro 00:44 Installing Claude Code 03:39 Creating Folders and Text Files 04:35 Using Claude Code as a Content Research Agent with Obsidian 18:06 Review: It's a general agent, that can control your cpu 19:02 Building Apps with Claude Code 21:36 Bypassing Permissions (Dangerously) 22:45 Creating a landing page 25:08 Setting up and "Saving" to GitHub 30:27 Deploying to Vercel 32:32 Building a web app with auth and db (Firebase) 35:03 Setting up Firebase 38:58 Our Web App With Auth Works! 42:55 You can add your own domain

Riley Brown

207,950 views • 11 months ago

We made a lot of noise during the week about our newest feature, Combo Lists. In the video below, Richard Moglen shows you exactly how to apply it (and save yourself tons of time screening + sifting through your watchlists). Check out this 6min video ↓ — Timestamps: 00:00 - Introduction 00:31 - What is the Combo List? 01:04 - Example: Trading Universe Combo List 02:32 - Creating Your Own Combo List 03:00 - Step-by-Step Setup Process 04:36 - Saving and Managing Your Combo List 05:33 - Conclusion & Feedback Request

We made a lot of noise during the week about our newest feature, Combo Lists. In the video below, Richard Moglen shows you exactly how to apply it (and save yourself tons of time screening + sifting through your watchlists). Check out this 6min video ↓ — Timestamps: 00:00 - Introduction 00:31 - What is the Combo List? 01:04 - Example: Trading Universe Combo List 02:32 - Creating Your Own Combo List 03:00 - Step-by-Step Setup Process 04:36 - Saving and Managing Your Combo List 05:33 - Conclusion & Feedback Request

Deepvue

11,356 views • 1 year ago

First website sold: $1 Last website sold: $150,000 Now built a tool to give everyone access The wolf of websites

First website sold: $1 Last website sold: $150,000 Now built a tool to give everyone access The wolf of websites

Idan Zeidman

25,821 views • 4 months ago

If you need any fluid effects for your websites, or maybe audio visualizer I've built this page for you! Create custom effects and grab the code right away :) Check it out:

If you need any fluid effects for your websites, or maybe audio visualizer I've built this page for you! Create custom effects and grab the code right away :) Check it out:

Leon Lin

14,962 views • 4 months ago

Creating a phenomenal B2B SaaS website is no longer a mystery. It's a checklist. Over 27 months, our Webflow websites have helped over 250+ clients, including Jasper, Clearbit, and Riverside, raise a combined total of over $2 billion. From this experience, we distilled a checklist with 100 action items, each supported by: • Expert tips • Real-world examples • Best tools So you can stop searching and start boosting your websites and conversions step-by-step. We're giving it away for FREE... 1. Like this post 2. Comment "Checklist" 3. Check your DM 4. Earn a bunch of 💰💰💰

Creating a phenomenal B2B SaaS website is no longer a mystery. It's a checklist. Over 27 months, our Webflow websites have helped over 250+ clients, including Jasper, Clearbit, and Riverside, raise a combined total of over $2 billion. From this experience, we distilled a checklist with 100 action items, each supported by: • Expert tips • Real-world examples • Best tools So you can stop searching and start boosting your websites and conversions step-by-step. We're giving it away for FREE... 1. Like this post 2. Comment "Checklist" 3. Check your DM 4. Earn a bunch of 💰💰💰

Luka Mlakar

88,834 views • 1 year ago

The Creative Website Manual™ A collaboration with Huy Nguyen for the Webflow x Contra challenge. This project is to showcase the methodology behind creating stand-out websites. Live site →

The Creative Website Manual™ A collaboration with Huy Nguyen for the Webflow x Contra challenge. This project is to showcase the methodology behind creating stand-out websites. Live site →

ivor ^-^

22,083 views • 8 months ago

I Built a website with a front end & a backend by prompting Claude and either... 1. Pasting the code into replit (or) 2. Following its instructions on Firebase I filmed the whole thing.... But, this is by no means a tutorial lol. so I recommend skipping around. This can be best described as a worthwhile struggle. Theres 3 hours of cut footage of me getting annoyed, but I was able to create something that will serve as a home page for my business, where I can house the AI apps I create going forward. And by the end, you'll see that I actually know my way around the different parts of Firebase, and my confidence level working with code has gone up 1,000,000%. I'm beginning to know what each file does, and what context Claude needs to be successful in creating what I want to build. Ready for my next project. See you later this week, i'm tired lol... (video was harder than the site....) TimeStamps ------------------------------------------------------ 00:00 - Introduction and project overview 07:21 - Using Claude Artifact 21:00 - Setting up Firebase backend and user authentication 30:00 - Adding Firebase Collections (database) 39:10 - WE DID IT! 45:20 - Implementing lesson editing functionality 54:00 - Separating code into manageable chunks for easier editing 56:00 - Access control for signed-in users 01:01:32 - Connecting the custom domain (create dot inc) 01:02:41 - Showcasing additional features (user count, music feature) 01:05:26 - Discussing future plans and improvements ------------------------------------------------------

I Built a website with a front end & a backend by prompting Claude and either... 1. Pasting the code into replit (or) 2. Following its instructions on Firebase I filmed the whole thing.... But, this is by no means a tutorial lol. so I recommend skipping around. This can be best described as a worthwhile struggle. Theres 3 hours of cut footage of me getting annoyed, but I was able to create something that will serve as a home page for my business, where I can house the AI apps I create going forward. And by the end, you'll see that I actually know my way around the different parts of Firebase, and my confidence level working with code has gone up 1,000,000%. I'm beginning to know what each file does, and what context Claude needs to be successful in creating what I want to build. Ready for my next project. See you later this week, i'm tired lol... (video was harder than the site....) TimeStamps ------------------------------------------------------ 00:00 - Introduction and project overview 07:21 - Using Claude Artifact 21:00 - Setting up Firebase backend and user authentication 30:00 - Adding Firebase Collections (database) 39:10 - WE DID IT! 45:20 - Implementing lesson editing functionality 54:00 - Separating code into manageable chunks for easier editing 56:00 - Access control for signed-in users 01:01:32 - Connecting the custom domain (create dot inc) 01:02:41 - Showcasing additional features (user count, music feature) 01:05:26 - Discussing future plans and improvements ------------------------------------------------------

Riley Brown

210,639 views • 1 year ago

a quick demo of how I edit my website with Obsidian 1.8 write in Obsidian → auto-build jekyll → preview local site in web viewer tab → push to github → auto-deploy to live site I've been making websites for twenty five years, and this is by far the nicest it's ever been

a quick demo of how I edit my website with Obsidian 1.8 write in Obsidian → auto-build jekyll → preview local site in web viewer tab → push to github → auto-deploy to live site I've been making websites for twenty five years, and this is by far the nicest it's ever been

kepano

143,032 views • 1 year ago

Day 4 of Vibe Jam Here's a video of my FULL workflow from SCRATCH → From idea to working game → 2 x characters → 2 x levels → Combo system → Custom level editor → Polish & juice Phaser 4 + Codex + Claude Code Using skills from my vibe jam starter pack (link in reply)👇 If you are figuring out how to get started - this is the video for you! --- 00:00 Intro 01:31 Get the Vibe Jam Starter Pack 02:46 Step 1: Game Idea 04:39 Step 2: Game Assets 07:38 Step 3: Game Engine 08:39 Step 4: AI Tool 09:17 Step 5: Assets Index 11:31 Step 6: Basic Movement & Controls 13:37 Step 7: Game Loop / Mechanics 15:22 Step 8: Iterate and Extend on Foundations 17:28 Step 9: Polish & Juice 19:23 Step 10: Tooling & Level Editor 22:22 Wrap Up

Day 4 of Vibe Jam Here's a video of my FULL workflow from SCRATCH → From idea to working game → 2 x characters → 2 x levels → Combo system → Custom level editor → Polish & juice Phaser 4 + Codex + Claude Code Using skills from my vibe jam starter pack (link in reply)👇 If you are figuring out how to get started - this is the video for you! --- 00:00 Intro 01:31 Get the Vibe Jam Starter Pack 02:46 Step 1: Game Idea 04:39 Step 2: Game Assets 07:38 Step 3: Game Engine 08:39 Step 4: AI Tool 09:17 Step 5: Assets Index 11:31 Step 6: Basic Movement & Controls 13:37 Step 7: Game Loop / Mechanics 15:22 Step 8: Iterate and Extend on Foundations 17:28 Step 9: Polish & Juice 19:23 Step 10: Tooling & Level Editor 22:22 Wrap Up

Chong-U

22,958 views • 3 months ago

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

58,050 views • 1 year ago

how to make an ios app in 90 minutes find an app idea - 00:00 create the app with ai - 01:10 setup payments - 05:07 make a website - 15:18 create logo & screenshots - 21:00 publish & submit for review - 29:38

Will

61,506 views • 2 months ago

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