↗
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
- Show HN: Hacker News with AI stories filtered out Hacker News - Front Page
- Automating Data Pipelines with AI: A Practical Guide DEV Community
- 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
- How to Get Started with Hugging Face – Open Source AI Models and Datasets ProgrammingKnowledge
- Building Ai agents With Microsoft Foundry- Build ,Govern AI Apps And Agents at Scale Krish Naik
- Framer + Fable 5: I Built a Full Website in 30 Minutes (Real Workflow) Jesse Showalter
- Framer AI Agents with Fable 5 are Sick! DesignCourse
- 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
- How to Use AI for Programming The Cherno
- This Week in AI ⟡ OpenAI Agent Hacks Hugging Face ⟡ React Compiler Ported to Rust ⌁ Syntax Weekly Level Up Tuts
- Building AI Agents With Microsoft WorkIQ Krish Naik
- Anthropic AI Agents Hacked 3 Organizations - Dario Commits Felonies Too Eli the Computer Guy
- 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
- OpenAI AI Agents Hacking Incident Gets Worse - Sam Altman is Dangerous Eli the Computer Guy
- Stanford CS329A Self-Improving AI Agents | Part 5 | Planning and Multi-Step Reasoning stanfordonline
- I Built the Future of Learning for Developers Nick Chapsas
- Why AI Is an Even Bigger Deal Than You Think | Reed Hastings | TED TED
- Inside the FIFA World Cup MOST EXPENSIVE Tickets ? Andres Vidoza
- 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
- OpenAI’s Model Hacked Hugging Face to Cheat on a Test Ebenezer Don
- How to Use Copilot in PowerPoint to Create Summaries and Executive Views | NEW Copilot Trick in 2026 Simon Sez IT
- This Approach will Change the Way You Use AI Caleb Curry
- These 90 Minutes Will Change the Way You Use AI Caleb Curry
- 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
- How to Create a Coaching Website with WordPress — Step by Step Darrel Wilson
- My First 24 Hours With the Z Fold 8 as an iPhone User Gyasi Linje
- I Built a Real E-Commerce SaaS with Enter Pro Siraj Raval
- 12 Important Concepts In the Age of AI Software Development Traversy Media
- Hugging Face Journal Club: Kimi K3 HuggingFace
- This One Setting will Change how You use Claude Code Caleb Curry
- 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
- .NET AI Community Standup: What’s New: Agents, Local AI, and More! 🚀 dotNET
- Dr. Robert Wachter | A Giant Leap: How AI Is Transforming Healthcare... | Talks at Google Talks at Google
- Kimi K3 Just Broke The Economics Of AI Two Minute Papers
- First Google Meet? Here’s How to Join and Get Started GCFLearnFree.org
- Neural Networks Don’t Think Like Brains — So How Do They Work? Cave of Programming
- GPT-5.6 Sol vs. Gemini Pro: The Ultimate 1-Minute Image Generation Showdown! Awais Mirza
- The Galaxy Z Fold 8 has Problems… 248 Hours Later Andres Vidoza
- iPhone User's First 168 Hours With Galaxy Z Fold 8 - Honest Thoughts Gyasi Linje
- 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
- THE "AI DOOM-LOOP" HAS TAKEN OVER THE JOB MARKET! Joshua Fluke
- OpenAI’s Model Breaks Out of Lab and Hacks Hugging Face Gary Explains
- Behind the Scenes: Introduction to Artificial Intelligence with Brian Yu - Chapter 7 - Moving CS50
- Top logo designer quits because "AI is better than me" DesignCourse
- AI Just Took Your Job... How to survive the AI age. Tech Lead
- How to Use Claude Code Almost FREE 🤯 Website Learners
- How to Use Claude Design 🚀 Complete Beginner Guide ProgrammingKnowledge
- 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
- This hidden wisdom will change how you treat your body forever | Giulia Enders: Full Interview Big Think
- How I Built a Machine That Feeds Millions | Felix Brooks-church | TED TED
- Did an AI Really Hack Hugging Face? LiveOverflow
- Opensource AI Is Dangerous - Anthropic Codedamn
- How to Install and Set Up Hermes Agent on Windows 11 ProgrammingKnowledge
- so you want to do a CS PhD? in 2026??? Yacine Mahdid
- Google Meet for Beginners: How to Set Up and Host a Meeting GCFLearnFree.org
- This here is Apple’s new Foldable… The Z Fold 8. Andres Vidoza
- An AI Promised to Make Me $1,000 in 24 Hours (Accio Work) Siraj Raval
- Can Opus 5 "AI" fix open source for us, too? More live w/ René Rebe
- China just beat Claude AI: Kimi K3 Tech Lead
- OpenAI just hacked Hugging face Hitesh Choudhary
- I Became OBSESSED with Design Trends... Here’s What I Learned | 'Creatively Obsessed' Ep 2 Envato Tuts+
- WINDOWS 11 File Explorer Tutorial Step by Step Online Training for Everyone
- Welcome to Sail Tower: Working at Google’s newest Austin office Life at Google
- Kimi K3: The 2.8T AI That Wakes Up Just 2% at a Time Siraj Raval
- I Tried to Clone My Car Key… But It Didn’t Go to Plan! GreatScott!
- I Use AI Every Day: What I Like, What I Hate, and Where I Think We're Heading Corey Schafer
- OpenAI is so back... GPT 5.6 Sol first look Fireship
- 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
- Create a Complete Online Store in 30 Minutes with Odoo (Step-by-Step) Code with Ania Kubów #JavaScriptGames
- I Made an AI Invent a Real Product. Then Alibaba.com Manufactured It Siraj Raval
- The Hugging Face Hub for Enterprise & Academia HuggingFace
- New Model: Inkling by Thinking Machine on Hugging Face HuggingFace
- Hostinger WordPress Tutorial 2026: Build a Website Step by Step Darrel Wilson
- Build $10,000 Websites using Claude Code (Step by Step) Tyler Moore
- Final Call For Enrollments-Advanced Route Production AI Engineering Bootcamp Krish Naik
- Before Fine-Tuning an AI Model, You Need This First AngelSix
- I Made A Secret Youtube Channel - SnoStorm Snoman Gaming
- THE AI BUBBLE is Collapsing: Tech Crashes Tech Lead
- 8 IT Roles AI Is Actually Replacing by 2030 (The Real List) Bitfumes
- Building at the pace of AI innovation | Grant Lee, Gamma OpenAI
- I got inside FIFA’s Secret World Cup Broadcast Network NetworkChuck
- Everyone Talks About AI Models. It's Time to Turn our Attention to Agent Memory and State The Ravit Show
- I Let GPT-5.6 Sol Run a Business Alone for 7 Days Ben Awad
- He just got LIQUIDATED ON AI - Situational Awareness Blows Up Tech Lead
- GraphRAG in Python: Agentic AI with Knowledge Graphs NeuralNine
- The end of AIDS is closer than ever The gates notes
- New UX/UI Tools + AI Tools You NEED Now! - Figma Bud, Animos, Free Ebook & More Punit Chawla
- MonoGame in 2026 - A MASSIVE New Update! Gamefromscratch
- The 2 Skills Every Developer Needs to Survive AI Simple Programmer
- Getting Started With Using Microsoft Copilot Cowork-End To End Use Case Implementation Krish Naik
- Agentic AI Engineering with Python | Live Course Announcement Telusko
- Agentic AI Engineering with Python | Live Course Announcement Telusko
- How to Enable Copilot in PowerPoint | Everything You Need in 2026 Simon Sez IT
- This Influencer Doesn't Exist (I Built Her in 24 Hours) Siraj Raval
- How I'd Learn AI Engineering in 2026 What's AI
- I Tested Fable 5 (Mythos): Is the Expensive Model Actually Worth It Harkirat Singh
- How to Design a Website from a Reference Website Using Google Stitch ProgrammingKnowledge
- What Every AI Developer Should Know Before Building at Scale The Ravit Show
- LLMs Can Use Tools, Just Like You and I - LLM Function Calling Explained Gary Explains
- Hugging Face Journal Club: AsyncOPD and How Stale Can On-Policy Distillation Be? HuggingFace
- I can't believe we vibe coded 32-bit PowerPC FIrefox JIT, too! IA-64, SPARC & DEC Alpha next? More live w/ René Rebe
- Developer Jobs and the AI Bubble Stefan Mischook
- AI Interview Questions #1 - LLMs vs. Agents with @aloo_explains Gaurav Sen
- What are open weight models. Lets test Kimi K3 with Cline harness Hitesh Choudhary
- Inside Dubai’s Mission to Build the City of the Future | His Excellency Khalfan Belhoul | TED TED
- Stop using AI for these things Codedamn
- How Machine Learning Can Help with Michael Littman, PhD Open Data Science
- How to Play OverGrid in 5 Minutes | Complete Beginner Tutorial swyx
- AI Is Already Coding Itself! Gary Explains
- Understanding the inner thoughts of AI DeepMind
- ULINE HIRING TEST Questions Explained Step by Step Online Training for Everyone
- The End of Effort: why no one is trying anymore. Tech Lead
- These 60 Minutes Will Change the Way You Build SaaS Caleb Curry
- How to Play Games on YouTube Pixel & Bracket
- I Let Claude Fable 5 Run a Business Alone for 6 Days Ben Awad
- The Easiest Way to Make a Practical Claude AI Website in 2026 Darrel Wilson
- Stop Trusting Breadboards! Here’s Why! GreatScott!
- Which Skill Gets You Hired Fastest in 2026? Full Stack vs Web3 vs AI Harkirat Singh
- Chinese Military Using American AI - China Paying to Win Against USA Eli the Computer Guy
- Are You Ready for Android's Future? Amrit Sanjeev from Google Simplified Coding
- Are You Ready for Android's Future? Amrit Sanjeev from Google Simplified Coding
- AI Isn't Replacing Developers - Here's Why Stefan Mischook
- How to Find Live Streams on Youtube Pixel & Bracket
- Hermes Agent - Crash Course for Beginners (AI Agent) Adrian Twarog
- n8n Tutorial for Beginners - Full Course (+ ai agent) Website Learners
- A wakeup call for students and developers Codedamn
- 🔴 Live! AI and Agents for Software Engineers Caleb Curry
- Build Hour: Valuemaxxing with GPT-5.6 OpenAI
- GPT-5.6 Is Incredible. I Hate Using It Ebenezer Don
- Fable 5 Beats World Class Logo Designer Flux
- 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
- Firdavsi Game Dev is live! Nevci