{"type":"rich","version":"1.0","provider_name":"Transistor","provider_url":"https://transistor.fm","author_name":"The Laravel Podcast","title":"Caleb Porzio Unveils Paraframe: AI Design for Developers","html":"<iframe width=\"100%\" height=\"180\" frameborder=\"no\" scrolling=\"no\" seamless src=\"https://share.transistor.fm/e/df2f5030\"></iframe>","width":"100%","height":180,"duration":4793,"description":"In this episode, Matt Stauffer sits down with Caleb Porzio, creator of Livewire, Alpine.js, and Flux, for the first public look at Paraframe, his new AI-powered design tool for developers.\nThey dig into “true sight,” which is Caleb’s word for fully understanding the system you’re building. They talk about why open source and agency code still need human review when product code might not, and why Caleb’s team found AI makes fewer layout mistakes with plain HTML and CSS than with Tailwind.\nThey also get into tabs, chats, and designing tools for ADHD brains. Matt shares his mixed feelings about the industry’s growing reliance on AI labs.\nMatt Stauffer on X - https://x.com/mattstauffer\nCaleb Porzio on X - https://x.com/calebporzio\nCaleb Porzio’s Podcast - https://notesonwork.com/\nPodcast episode introducing Paraframe - https://notesonwork.com/episodes/business-is-catan-and-im-building-something-new\nParaframe - https://paraframe.app/\nLivewire - https://livewire.laravel.com/\nFlux UI - https://fluxui.dev\nAlpine.js - https://alpinejs.dev\nClaude Design (Matt’s current workflow) - https://claude.ai/design\nClaude Agent SDK (how Paraframe connects to your own Claude Code) - https://code.claude.com/docs/en/agent-sdk/overview\nLaravel Boost - https://laravel.com/blog/announcing-laravel-boost\nPaper (design tool) - https://paper.design\nWispr Flow (Caleb’s dictation app) - https://wisprflow.ai\nSuperwhisper - https://superwhisper.com\nDeckset (the slide simplicity Caleb wanted) - https://www.deckset.com/\nCloudflare R2 (Paraframe’s storage) - https://www.cloudflare.com/developer-platform/products/r2/\nLaravel Website - https://laravel.com/\nTighten Website - https://tighten.com/\n----- Editing and transcription sponsored by Tighten - https://tighten.com/\nBig thanks to the companies that support the show:\n\nFlare by Spatie - http://flareapp.io and Performance Monitoring - http://flareapp.io/performance-monitoring\nSerpAPI - https://serpapi.com?utm_source=laravel_podcast","thumbnail_url":"https://img.transistorcdn.com/5dQWP0DBRYD-uF0rygq1T2tdClcAOey3vkGAMrkH2AI/rs:fill:0:0:1/w:400/h:400/q:60/mb:500000/aHR0cHM6Ly9pbWct/dXBsb2FkLXByb2R1/Y3Rpb24udHJhbnNp/c3Rvci5mbS9zaG93/LzQ0ODU5LzE2OTQ2/MzkyODAtYXJ0d29y/ay5qcGc.webp","thumbnail_width":300,"thumbnail_height":300}