fromclaudetoprod.dev
menu

AI Superpowers Unlocked · Superpower #5 · Short

Playwright gives your AI eyes

It opened the page, clicked around, and caught a 404.

0:58Watch on YouTube

When Claude builds a page or an animated diagram for me, it doesn’t just write code. It opens a real browser with Playwright, looks at the result, clicks the buttons and sees what is broken.

At lunch, from my phone, that look found a 404 on my new web page and a video label that said 1:22 when the video is 1:21. Claude fixed both.

Try it yourself

  1. Give Claude Playwright (the Playwright MCP server) so it can drive a real browser.
  2. After it builds something, ask it to open the page, click the buttons and look at the result.
  3. Ask it to report what doesn’t match what you asked for, and fix it.

Next superpower: #6, One video. Every channel. →

Narration is an AI voice (a clone of my own for the lunch footage), and the animation was made with AI tools.

The robot animation is made with Kling. Try Kling with my referral link. It’s a referral link, so signing up through it may earn me credits.

The narration is made with ElevenLabs. Try ElevenLabs with my referral link. It’s an affiliate link, so signing up through it may earn me a commission.