↗
I’m tired of “vibe coding” demos that never turn into anything real—so in this video I’m walking through an *actual* AI-assisted design-to-deployment workflow where we build something with real product logic. We’re taking a concept (an interactive murder mystery /...
I’m tired of “vibe coding” demos that never turn into anything real—so in this video I’m walking through an *actual* AI-assisted design-to-deployment workflow where we build something with real product logic.
We’re taking a concept (an interactive murder mystery / *Mole*-style party game) and running the full loop:
Figma → Claude → GitHub → Vercel → Supabase → iterate
You’ll see how I’d:
- Design the experience + core screens in Figma
- Use Claude to translate design intent into real components + app structure
- Push clean changes into GitHub (so the project doesn’t turn into chaos)
- Deploy fast with Vercel for a live, testable URL
- Model real data + game state in Supabase
- Test the whole thing and loop back to improve the UX + logic
This is the workflow shift: not “AI made a UI,” but AI helping compress the distance between design, code, deployment, and iteration.
What we’re building
A mobile-friendly party game where players can join, get roles, receive clues, track accusations, and progress through rounds—plus a host dashboard to manage the game. ... Remember to Subscribe https://goo.gl/6vCw64
Checkout Mobbin.comhttps://mobbin.com/?via=jesse
00:00 - The concept
01:43 - Mobbin
00:00 - Design in Figma
07:15 - Claude Code
10:58 - Github
14:19 - Vercel Deployment
19:25 - Supabase Backend
22:20 - The Full Loop
24:03 - The part nobody tells you
24:52 - Design still matters
25:29 - Why this should matter to you?
------------------------------------------------------------------------------------
🏆 //////////// Grow your career and level up skills through on-demand courses, live trainings, and a thriving community.:
https://designchamps.io/
------------------------------------------------------------------------------------
🎨 ////////// I Design in Figma
https://psxid.figma.com/ixbomhqzoiy0
🖥️ ////////// I build websites in Framer
https://framer.link/jesse
📅 ////////// I run my life with Notion
https://affiliate.notion.so/tokendsfahjf
🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: https://fm.pxf.io/c/1372011/1347628/16252
- I Made a Movie With AI for a $2.5M Prize… for $60 Siraj Raval
- Building with AI away from my computer using Orca + Claude Eddie Jaoude
- Beyond Sonic Pi: Tau5 & the Art of Coding with AI • Sam Aaron • YOW! 2025 GOTO Conferences
- The truth about coding with AI right now Harkirat Singh
- Watching America Run Away With AI - Alistair Pullen (Cosine AI) Machine Learning Street Talk
- The Future of Coding? Build Apps with AI No Code The Ravit Show
- QuickBooks Online with AI Accounting Agent: How to Schedule Reports Simon Sez IT
- I Built a Full iOS App with AI Vibe Coding — From Idea to AppStore Awais Mirza
- I Vibe Coded an App With AI— This Is How I Got My First 5,000 Visitors Darrel Wilson
- How to Build Apps With AI in 2 Days (Only 20 Seats Left) Website Learners
- Boost Your Coding Motivation: How to Stay Inspired & Beat Repetitive Tasks with AI Tools! Fredrik Christenson
- Mastering Automated Test Cases with AI: Best Practices for Software Developers Fredrik Christenson
- Google DeepMind on AI Agents, Coding & The Future of Developers MTECHVIRAL
- Building Ai agents With Microsoft Foundry- Build ,Govern AI Apps And Agents at Scale Krish Naik
- Framer AI Agents with Fable 5 are Sick! DesignCourse
- How to Get Started with Hugging Face – Open Source AI Models and Datasets ProgrammingKnowledge
- Framer + Fable 5: I Built a Full Website in 30 Minutes (Real Workflow) Jesse Showalter
- One Hour of Claude Code that will Change How You Use AI - Full Intro Course Caleb Curry
- The US Wants to Sanction Open Source AI Kimi K3 Ebenezer Don
- Building AI Agents With Microsoft WorkIQ Krish Naik
- This Week in AI ⟡ OpenAI Agent Hacks Hugging Face ⟡ React Compiler Ported to Rust ⌁ Syntax Weekly Level Up Tuts
- From tokenmaxxing to tokenomics for your AI agents Google Cloud Tech
- What you need to know about The Odyssey (before seeing the film!) Python Programmer
- Getting Started with Google CoLab | How to use Google Colab ProgrammingKnowledge
- Stanford CS329A Self-Improving AI Agents | Part 5 | Planning and Multi-Step Reasoning stanfordonline
- OpenAI AI Agents Hacking Incident Gets Worse - Sam Altman is Dangerous Eli the Computer Guy
- Rebecca Winthrop | Rethinking the Purpose of Education in the Age of AI | Talks at Google Talks at Google
- How to Use ChatGPT for Variance Analysis in Excel | AI for FP&A Simon Sez IT
- How to Use ChatGPT as Specialized Finance Agents in Excel | AI for FP&A Simon Sez IT
- How to Use Copilot in PowerPoint to Create Summaries and Executive Views | NEW Copilot Trick in 2026 Simon Sez IT
- Kimi K3 Just Broke The Economics Of AI Two Minute Papers
- How to Create a Coaching Website with WordPress — Step by Step Darrel Wilson
- OpenAI’s Model Hacked Hugging Face to Cheat on a Test Ebenezer Don
- Inside the FIFA World Cup MOST EXPENSIVE Tickets ? Andres Vidoza
- My First 24 Hours With the Z Fold 8 as an iPhone User Gyasi Linje
- 12 Important Concepts In the Age of AI Software Development Traversy Media
- This Approach will Change the Way You Use AI Caleb Curry
- These 90 Minutes Will Change the Way You Use AI Caleb Curry
- The Galaxy Z Fold 8 has Problems… 248 Hours Later Andres Vidoza
- I Built the Future of Learning for Developers Nick Chapsas
- Stanford CS329A Self-Improving AI Agents | Part 4 | Learning from Feedback with Tools/Code stanfordonline
- Stanford CS329A Self-Improving AI Agents | Part 1 | Course Overview stanfordonline
- Stanford CS329A Self-Improving AI Agents | Part 2 | Test-Time Compute Scaling stanfordonline
- Stanford CS329A Self-Improving AI Agents | Part 3 | Robust Verification stanfordonline
- Stanford CS329A Self-Improving AI Agents | Part 6 | Train Time Scaling/Scaling RL stanfordonline
- Stanford CS329A Self-Improving AI Agents | Part 7 | Self-Improvement and Deep Research Agents stanfordonline
- Stanford CS329A Self-Improving AI Agents | Part 9 | Future Research Areas stanfordonline
- Stanford CS329A Self-Improving AI Agents | Part 8 | Agentic Evaluations and Long Horizon Tasks stanfordonline
- Top 10 High-Demand Skills in the Future | Skills Every Professional Must Learn | Intellipaat Intellipaat
- Top 10 High-Demand Skills in the Future | Skills Every Professional Must Learn | Intellipaat Intellipaat
- Why AI Is an Even Bigger Deal Than You Think | Reed Hastings | TED TED
- Behind the Scenes: Introduction to Artificial Intelligence with Brian Yu - Chapter 7 - Moving CS50
- iPhone User's First 168 Hours With Galaxy Z Fold 8 - Honest Thoughts Gyasi Linje
- Dr. Robert Wachter | A Giant Leap: How AI Is Transforming Healthcare... | Talks at Google Talks at Google
- Hugging Face Journal Club: Kimi K3 HuggingFace
- This here is Apple’s new Foldable… The Z Fold 8. Andres Vidoza
- Behind the Scenes: Introduction to Artificial Intelligence with Brian Yu - Chapter 6 - Generating CS50
- Behind the Scenes: Introduction to Artificial Intelligence with Brian Yu - Chapter 5 - Communicating CS50
- .NET AI Community Standup: What’s New: Agents, Local AI, and More! 🚀 dotNET
- First Impressions of Claude Fable 5 | AI Coding & Reasoning Test ProgrammingKnowledge
- Learn AI Engineering in 2026 | Build a Full Stack AI Websites with Agents JavaScript Mastery
- I Built a Real E-Commerce SaaS with Enter Pro Siraj Raval
- This One Setting will Change how You use Claude Code Caleb Curry
- Did an AI Really Hack Hugging Face? LiveOverflow
- How to Use Claude Code Almost FREE 🤯 Website Learners
- How to Use Claude Design 🚀 Complete Beginner Guide ProgrammingKnowledge
- OpenAI’s Model Breaks Out of Lab and Hacks Hugging Face Gary Explains
- GPT-5.6 Sol vs. Gemini Pro: The Ultimate 1-Minute Image Generation Showdown! Awais Mirza
- How to Install and Set Up Hermes Agent on Windows 11 ProgrammingKnowledge
- Top logo designer quits because "AI is better than me" DesignCourse
- Kimi K3: The 2.8T AI That Wakes Up Just 2% at a Time Siraj Raval
- THE "AI DOOM-LOOP" HAS TAKEN OVER THE JOB MARKET! Joshua Fluke
- I Let GPT-5.6 Sol Run a Business Alone for 7 Days Ben Awad
- AI Just Took Your Job... How to survive the AI age. Tech Lead
- I Became OBSESSED with Design Trends... Here’s What I Learned | 'Creatively Obsessed' Ep 2 Envato Tuts+
- Opensource AI Is Dangerous - Anthropic Codedamn
- First Google Meet? Here’s How to Join and Get Started GCFLearnFree.org
- WINDOWS 11 File Explorer Tutorial Step by Step Online Training for Everyone
- I Made an AI Invent a Real Product. Then Alibaba.com Manufactured It Siraj Raval
- Can Opus 5 "AI" fix open source for us, too? More live w/ René Rebe
- This hidden wisdom will change how you treat your body forever | Giulia Enders: Full Interview Big Think
- China just beat Claude AI: Kimi K3 Tech Lead
- OpenAI is so back... GPT 5.6 Sol first look Fireship
- An AI Promised to Make Me $1,000 in 24 Hours (Accio Work) Siraj Raval
- I Let Claude Fable 5 Run a Business Alone for 6 Days Ben Awad
- Before Fine-Tuning an AI Model, You Need This First AngelSix
- How to use Git & GitHub in VS Code - beginners tutorial Coder Coder
- How to Use OpenAI Codex Skill ProgrammingKnowledge
- How to use GitHub as a beginner (no terminal) | GitHub Desktop tutorial Coder Coder
- OpenAI just hacked Hugging face Hitesh Choudhary
- Create a Complete Online Store in 30 Minutes with Odoo (Step-by-Step) Code with Ania Kubów #JavaScriptGames
- LLMs Can Use Tools, Just Like You and I - LLM Function Calling Explained Gary Explains
- Hostinger WordPress Tutorial 2026: Build a Website Step by Step Darrel Wilson
- How I Built a Machine That Feeds Millions | Felix Brooks-church | TED TED
- The End of Effort: why no one is trying anymore. Tech Lead
- The end of AIDS is closer than ever The gates notes
- I Made A Secret Youtube Channel - SnoStorm Snoman Gaming
- Google Meet for Beginners: How to Set Up and Host a Meeting GCFLearnFree.org
- 8 IT Roles AI Is Actually Replacing by 2030 (The Real List) Bitfumes
- The Hugging Face Hub for Enterprise & Academia HuggingFace
- Building at the pace of AI innovation | Grant Lee, Gamma OpenAI
- New Model: Inkling by Thinking Machine on Hugging Face HuggingFace
- Everyone Talks About AI Models. It's Time to Turn our Attention to Agent Memory and State The Ravit Show
- He just got LIQUIDATED ON AI - Situational Awareness Blows Up Tech Lead
- GraphRAG in Python: Agentic AI with Knowledge Graphs NeuralNine
- Build $10,000 Websites using Claude Code (Step by Step) Tyler Moore
- I Let Kimi K3 Run a Business Alone for 8 Days Ben Awad
- I Tested Fable 5 (Mythos): Is the Expensive Model Actually Worth It Harkirat Singh
- The 2 Skills Every Developer Needs to Survive AI Simple Programmer
- Satya Nadella Warns OpenAI is Dangerous - Microsoft Says Don't Trust AI Companies Eli the Computer Guy
- How to Design a Website from a Reference Website Using Google Stitch ProgrammingKnowledge
- MonoGame in 2026 - A MASSIVE New Update! Gamefromscratch
- Agentic AI Engineering with Python | Live Course Announcement Telusko
- Agentic AI Engineering with Python | Live Course Announcement Telusko
- New UX/UI Tools + AI Tools You NEED Now! - Figma Bud, Animos, Free Ebook & More Punit Chawla
- Neural Networks Don’t Think Like Brains — So How Do They Work? Cave of Programming
- How I'd Learn AI Engineering in 2026 What's AI
- I got inside FIFA’s Secret World Cup Broadcast Network NetworkChuck
- I Used Linux as My Main OS for a Month – Here's What Happened Dani Krossing
- Getting Started With Using Microsoft Copilot Cowork-End To End Use Case Implementation Krish Naik
- I can't believe we vibe coded 32-bit PowerPC FIrefox JIT, too! IA-64, SPARC & DEC Alpha next? More live w/ René Rebe
- AI Interview Questions #1 - LLMs vs. Agents with @aloo_explains Gaurav Sen
- What’s It Like to Be Killed by Nature’s Most Brutal Predator In a nutshell
- ROASTING A RESUME - THIS IS WHY YOU'RE NOT GETTING HIRED Joshua Fluke
- 112. How to Create an Azure Virtual Network Manager MSFT WebCast
- What are open weight models. Lets test Kimi K3 with Cline harness Hitesh Choudhary
- Hugging Face Journal Club: AsyncOPD and How Stale Can On-Policy Distillation Be? HuggingFace
- Understanding the inner thoughts of AI DeepMind
- Iran Hacks Water Systems in 7 States - USA Losing War Eli the Computer Guy
- Coding Agents Aren’t Enough: Build & Deploy a Website from Scratch NeuralNine
- What Every AI Developer Should Know Before Building at Scale The Ravit Show
- ULINE HIRING TEST Questions Explained Step by Step Online Training for Everyone
- These 60 Minutes Will Change the Way You Build SaaS Caleb Curry
- This Influencer Doesn't Exist (I Built Her in 24 Hours) Siraj Raval
- Welcome to Sail Tower: Working at Google’s newest Austin office Life at Google
- The Truth About Turning Your Hobby Into a Job Tested
- The Easiest Way to Make a Practical Claude AI Website in 2026 Darrel Wilson
- How to Enable Copilot in PowerPoint | Everything You Need in 2026 Simon Sez IT
- 🔴 Live! AI and Agents for Software Engineers Caleb Curry
- I Use AI Every Day: What I Like, What I Hate, and Where I Think We're Heading Corey Schafer
- AI Is Already Coding Itself! Gary Explains
- Developer's Roadmap for 2026 - Updated Stefan Mischook
- Filament 5 Installation & Setup Guide | Laravel 13 Tutorial | Complete Course 2026 - Part 1 Webslesson
- New UX/UI Trends 2026 - Infinite Galleries, Ultra-Wide Layouts, Distortion Effects & More! Punit Chawla
- Skills vs MCP: How AI tools have evolved Google Cloud Tech
- How to Install PuTTY on Windows 11/10 ProgrammingKnowledge
- How to install Ollama CLI on windows 11 ProgrammingKnowledge
- Apple Hoarding Memory Due to AI Shortages - Revenue Up 29% Due to Market Capture Eli the Computer Guy
- Hermes Agent - Crash Course for Beginners (AI Agent) Adrian Twarog
- n8n Tutorial for Beginners - Full Course (+ ai agent) Website Learners
- Final Call For Enrollments-Advanced Route Production AI Engineering Bootcamp Krish Naik
- Fable 5 Beats World Class Logo Designer Flux
- Inside Dubai’s Mission to Build the City of the Future | His Excellency Khalfan Belhoul | TED TED
- Firdavsi Game Dev is live! Nevci
- Firdavsi Game Dev is live! Nevci
- 5 Weird Windows of the Future. SciShow
- Firdavsi Game Dev is live! Nevci
- Why Generic AI Isn't Enough for Enterprise | Observe.AI CTO The Ravit Show
- Watch LIVE Developer fixing OpenSource w/ Claude Opus 5 "AI"! More live w/ René Rebe
- I finally used GSAP... and I get the hype now Kevin Powell