https://tube.grossholtz.net/videos/watch/b966740a-1e97-4d60-8af9-3e3d57bf2ea1 Stop struggling with UI issues in your Claude Code projects - learn how to give your AI coding assistant browser vision to fix problems automatically! ⚡ WHAT YOU'LL BUILD/LEARN: 🔹 Set up Playwright MCP server in Claude Code for browser automation 🔹 Automatically detect and fix UI clipping issues in Claude Code apps 🔹 Create comprehensive automated testing workflows using Claude Code 🔹 Troubleshoot visual bugs without manual screenshots in Claude Code 🔹 Build a complete data structuring application using Claude Code + my Agentic Coding Starter Kit 🎯 PERFECT FOR: ✅ Claude Code users struggling with UI issues in generated apps ✅ Developers new to Claude Code MCP server integrations ✅ Anyone building apps with Claude Code, Bolt, or Lovable platforms ✅ Beginners learning Claude Code advanced workflows and automation ✅ Users of the Agentic Coding Starter Kit + Claude Code combination 🛠️ TOOLS COVERED: Claude Code (AI coding assistant with MCP browser automation) Playwright MCP Server (browser vision for Claude Code agents) Agentic Coding Starter Kit (free Claude Code boilerplate) ⏰ DETAILED TIMESTAMPS: 0:00 - Introduction: Common UI issues in Claude Code applications 0:35 - Demo: Application built with Claude Code + Agentic Starter Kit 1:17 - Text clipping in Claude Code generated UI 1:52 - Why Claude Code agents code blind: The UI design challenge 2:07 - Playwright MCP server setup for Claude Code 2:30 - Installing MCP server and connecting to Claude Code 2:47 - Agent troubleshooting UI issues automatically 3:16 - Claude Code agent fixing text clipping in real-time 3:41 - Automated workflow setup 4:15 - Full user journey testing 5:18 - Additional Claude Code bug fixes: Modal overlay resolution 5:53 - Wrap up 🚀 GET STARTED: 📄 Free Agentic Coding Starter Kit: https://youtu.be/T0zFZsr_d0Q 💡 WHY PLAYWRIGHT MCP + CLAUDE CODE? Unlike manual screenshot debugging, Playwright MCP gives your Claude Code agent real-time browser vision to identify, fix, and test UI issues automatically - making Claude Code development dramatically more efficient. 🙏 SUPPORT THE CHANNEL: ☕ Buy me a coffee: https://www.buymeacoffee.com/leonvanzyl 💰 PayPal: https://www.paypal.com/ncp/payment/EKRQ8QSGV6CWW 👋 CONNECT: 🔔 Subscribe for weekly AI automation tutorials 🐦 Follow on Twitter: https://x.com/leonvz #ClaudeCode #PlaywrightMCP Mon, 06 Apr 2026 01:37:33 GMT https://validator.w3.org/feed/docs/rss2.html PeerTube - https://tube.grossholtz.net https://tube.grossholtz.net/client/assets/images/icons/icon-512x512.png https://tube.grossholtz.net/videos/watch/b966740a-1e97-4d60-8af9-3e3d57bf2ea1 All rights reserved, unless otherwise specified in the terms specified at https://tube.grossholtz.net/about and potential licenses granted by each content's rightholder.