UI/UX Podcast Summaries
UI/UX on Yedapo: 14 summarized podcast and YouTube episodes. Each includes key takeaways, core concepts and notable quotes with timestamps.
Fable 5 + Seedance 2.0 = Scroll Animations That Sell
Eric Tech
Jul 18, 2026
Learn how to reverse-engineer visual inspiration into high-end, scroll-animated web experiences using AI agents. By combining video-to-frame analysis with specialized generation models, you can automate the creation of professional-grade landing pages that respond dynamically to user interaction.
Key insight: You can use AI to 'reverse engineer' the motion specs of any video, allowing you to replicate complex camera movements and transitions for your own products automatically.
Insane Claude Design Skills You Need To Build Beautiful Websites
AI LABS
Jun 23, 2026
Generic AI-generated design is a result of models defaulting to common patterns. By using specialized 'skills' and component libraries like Shad CN and GSAP, you can force models to commit to cohesive design directions and ship professional-grade, functional interfaces.
Key insight: Models treat mobile devices like 'small websites' by default, leading to poor UX; professional mobile development requires specialized skills that enforce constraints like the 'thumb zone' and native design languages.
Claude Fable 5 Just Changed Website Design Forever
Jack Roberts
Jun 12, 2026
Claude Fable 5 has emerged as a premier design agent, outperforming previous models in aesthetic nuance, layout responsiveness, and complex animation. By mastering a strategic token management workflow, you can leverage Fable's 'Max' intelligence for architectural foundations while using 'Medium' settings for iteration to maximize ROI.
Key insight: Claude Fable 5 currently wins 71% of head-to-head design challenges against other frontier models, effectively functioning as a high-end UI designer that can interpret and replicate complex web DNA.
This Is Insane... The Google Stitch VS Claude Design Debate Is Finally Over
AI LABS
May 12, 2026
This comparison evaluates the design capabilities of Anthropic’s Claude Design and Google’s Stitch. While Claude excels in interactivity, animation, and iterative feedback, Stitch dominates in speed, image generation quality, and technical handoff workflows.
Key insight: Stitch features a 'Voice Canvas' that functions as a live, interactive conversation for design generation, whereas Claude relies on static prompt-based refinement.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
The new CSS corner-shape property transcends standard rounded borders, allowing for dynamic, non-rectangular geometry like notches, scoops, and bevels. By leveraging super-ellipses, developers can create mathematically precise UI shapes that are fully animatable, providing unprecedented control over visual component aesthetics.
Key insight: The super-ellipse function allows for an infinite spectrum of corner shapes, where values like '0' yield precise 45-degree angles and negative values create deep, architectural 'scoops' in the border.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
The new CSS corner-shape property enables designers to move beyond standard rounded corners with advanced geometries. By utilizing shapes like scoops, notches, and bevels, or leveraging the super-ellipse function for granular control, developers can create complex UI elements that were previously impossible without heavy assets.
Key insight: You can now mathematically define your border corners using the super-ellipse function, allowing for precise transitions between a standard round, a scooped inverse radius, and a perfect 45-degree angle.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
Modern CSS is moving beyond basic rounded corners. The new corner-shape property allows developers to define intricate border geometries like scoops, notches, and squircles, providing unprecedented control over UI aesthetics.
Key insight: You can use the super-ellipse function to fluidly animate between shapes by passing specific numerical values to transition from a scoop to a square.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
The new CSS corner-shape property transcends traditional border-radius limitations, allowing for complex geometric shapes like scoops, notches, and bevels. This shift enables developers to create sophisticated, non-rectangular UI elements natively without relying on heavy masking techniques or complex SVG workarounds.
Key insight: Using the super-ellipse function with a value of zero creates a perfect 45-degree angle, demonstrating how CSS can now handle complex geometric manipulation with a single line of code.
How Smart People Are Using Claude Design
Simon Scrapes
Apr 26, 2026
Claude Design produces 'AI slop' when left to its own defaults. By front-loading the effort with a dedicated design system and leveraging external UI extraction tools, you can force the AI to produce high-end, production-ready assets while managing token consumption effectively.
Key insight: The 90/10 rule: Claude will take you 90% of the way to a finished product in minutes, but the final 10%—the specific microcopy, custom iconography, and human taste—remains exclusively a human task.
Claude Design Tutorial: Alles Wichtige in 10 Minuten!
Akademie für KI
Apr 25, 2026
Anthropics neues Feature 'Claude Design' ermöglicht die Erstellung komplexer Prototypen, Pitchdecks und App-Mockups direkt über das Chat-Interface. Durch die iterative Verknüpfung von Branding-Systemen und Benutzer-Prompts lassen sich Designs konsistent generieren und nahtlos in Formate wie PDF, PowerPoint oder HTML exportieren.
Key insight: Das Tool erlaubt nicht nur das Generieren aus Text, sondern integriert auch manuelle Zeichen- und Korrekturfunktionen, bei denen Claude basierend auf markierten Screenshots punktuelle Änderungen direkt im Design-Entwurf vornimmt.
How Stripe Built Their New Website
Y Combinator Startup Podcast
Apr 22, 2026
Stripe's head of design, Katie Dill, breaks down the strategy behind their recent homepage redesign. The focus shifted from a long, additive scroll to a 'bento' style interaction model designed to handle a massive, evolving product suite while fighting the industry's gravitational pull toward mediocrity.
Key insight: Stripe uses a live GDP counter on their homepage to instantly convey scale and trustworthiness, replacing the need for long paragraphs of descriptive text.
Cursor Head of Design Roasts Startup Websites
Y Combinator Startup Podcast
Nov 20, 2025
Design expert Rio Lou analyzes YC startups' websites to diagnose why AI-assisted builds often lack polish, clear messaging, and user trust. The key insight is that AI tools are capable but require human design tokens, clear communication, and deliberate constraint to avoid becoming generic 'slop'.
Key insight: If your UI is full of purple gradients, massive shadows, and inconsistent font styles, you are likely suffering from 'vibe-coding' syndrome, where the AI's default aesthetics mask your unique product value.
Como Personalizar a Splash Screen do Seu App Android (Apache Cordova)
Programação Web
Oct 8, 2025
Aprenda a substituir a tela de abertura padrão (Splash Screen) do Cordova por um design personalizado. O processo envolve a conversão de ícones para o formato Vector Drawable e a configuração de parâmetros no arquivo XML do projeto.
Key insight: Você pode controlar o tempo de exibição da Splash Screen com o parâmetro 'splash screen delay' em milissegundos, embora seja recomendado mantê-lo curto para otimizar a percepção de velocidade do app.
Cordova + Framework7: App com Cara de Interface Nativa
Programação Web
Oct 1, 2025
Desenvolvedores que utilizam tecnologias web em aplicativos móveis frequentemente enfrentam transições visuais rústicas e interfaces que parecem sites. O Framework7 soluciona esse problema ao mimetizar automaticamente componentes, navegação e animações específicas de iOS e Android, elevando a qualidade do produto final para os padrões das lojas de aplicativos.
Key insight: O Framework7 detecta automaticamente o sistema operacional do usuário para renderizar componentes e comportamentos nativos, como animações de transição de tela e alertas específicos, sem que o desenvolvedor precise escrever código separado para cada plataforma.
