006: Prototyping Web Apps — Interactive Maps

010: Can Google Gemini help us find vegetarian options inside an Applebee's menu?

We test different versions of Google Gemini to see how well it can help us search through an Applebee's menu. 00:00 Intro 04:30 Gemini 06:35 AI Studio Gemini Flash 2.0 vs. Gemini 2.0 Flash Thinking 30:10 NotebookLM 40:20 Gemini PDF 44:15 Results — Music by: Ahoami - Warm Feeling via Tunetank

009: Using Bolt to prototype a CRM with local storage

Let's build an interactive CRM prototype with bolt.new We create the mock data with Claude, prompt Bolt to create a React app, and in one-click, deploy to Netlify. 00:00 Planning with Claude 09:16 Building CRM with bolt.new 16:43 First attempt at CRM with local storage 18:27 CRM preview 23:23 Add filters 29:58 Code generators for brainstorming 31:37 Deploying the prototype 34:00 Prompting 35:16 Iterating on filter UI 37:42 Deploying changes 38:56 Downloading files to edit locally 40:02 Wrap up — Music by: Ahoami - Warm Feeling via Tunetank

008: Code with us: Prototype a hurricane tracker with ChatGPT

We create an interactive prototype for a hurricane tracker with ChatGPT. In this episode, we design an interactive sidebar to improve data visualization and user experience on our previous hurricane tracker. Join us as we prototype UI interactions that traditional design tools, like Figma, struggle to simulate. Watch our live process as we: * Explore design solutions * Craft prompts to ChatGPT * Troubleshoot errors * Iterate on our prototype * Show how you can use AI in design workflows If you've a designer, developer, or tech enthusiast without any coding experience, you can design and prototype with ChatGPT. — Music by: Ahoami - Warm Feeling via Tunetank

007: Prototyping with Claude – Sign in forms

Learn to prototype multi-page forms with Claude. We’ll create a simple sign-in form you can scaffold into more complex projects. —- Music by: Ahoami - Warm Feeling via Tunetank 00:00 Why prototype with Claude 02:50 Crafting Claude prompts 11:14 Iterating and troubleshooting 16:59 Publishing 27:55 Exporting code 35:23 Scaffolding into other projects

006: Prototyping Web Apps — Interactive Maps

In this episode for Product Designers, Mike shows us how to use LLMs for rapid prototyping a web app. We make an interactive map of a hurricane tracker and take you through each step of the process. New to coding? We got you with everything you need to follow along. --- Music by: Ahoami - Warm Feeling via Tunetank 00:00 The case for prototyping with LLMs 01:20 Setup 03:30 Writing our first prompt 06:45 Interpreting the response 08:10 Copying the code 10:30 Running the code 12:30 Adding a feature 17:30 Asking the LLM to change the style 20:00 Changing the style ourselves in code 20:55 Recap