Turn your Playwright tests into narrated product demo videos
flowreel is an open-source (Apache-2.0) Claude Code plugin built with Claude Code. One Playwright flow becomes a release gate, the evidence that it passed, and a narrated product demo video.
Source
@fetijashari on X · 2026-10-16
Written in our own words. Credit to the original author. Link checked 2026-10-24.
What they did
flowreel is an open-source (Apache-2.0) Claude Code plugin built with Claude Code. One Playwright flow becomes a release gate, the evidence that it passed, and a narrated product demo video.
Result (as claimed)
The same end-to-end test doubles as your release check and your demo.
Tools they used
Cost: Claude Code: from $17/mo.
Set it up
Pick a contained repo or task
Start on a branch or side project where mistakes are cheap.
Install and configure
Set up Claude Code, Playwright. Read what it can run on your machine and limit permissions where possible.
Run it on a real task
Give it a well-scoped issue and let it work. Review the diff like any pull request.
Add guardrails
Keep tests and CI in the loop, and never let an agent push to main or touch production secrets unattended.
Copy the full setup prompt
Paste into your agent and it will walk you through the setup, asking before anything that sends, posts or spends.
You are helping me set up this AI use case end to end in Claude Code. Goal: Turn your Playwright tests into narrated product demo videos What the original author did: flowreel is an open-source (Apache-2.0) Claude Code plugin built with Claude Code. One Playwright flow becomes a release gate, the evidence that it passed, and a narrated product demo video. Reported result (as claimed by the author): The same end-to-end test doubles as your release check and your demo. Source: https://x.com/fetijashari/status/2111196958488477997 Tools they used: Claude Code, Playwright Category: Dev & ops Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Codex. Goal: Turn your Playwright tests into narrated product demo videos What the original author did: flowreel is an open-source (Apache-2.0) Claude Code plugin built with Claude Code. One Playwright flow becomes a release gate, the evidence that it passed, and a narrated product demo video. Reported result (as claimed by the author): The same end-to-end test doubles as your release check and your demo. Source: https://x.com/fetijashari/status/2111196958488477997 Tools they used: Claude Code, Playwright Category: Dev & ops Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Grok Bot. Goal: Turn your Playwright tests into narrated product demo videos What the original author did: flowreel is an open-source (Apache-2.0) Claude Code plugin built with Claude Code. One Playwright flow becomes a release gate, the evidence that it passed, and a narrated product demo video. Reported result (as claimed by the author): The same end-to-end test doubles as your release check and your demo. Source: https://x.com/fetijashari/status/2111196958488477997 Tools they used: Claude Code, Playwright Category: Dev & ops Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
The Daily 5
Get five new use cases tomorrow morning
Free. Real sources. Unsubscribe any time.
Guides for this use case
How to test your app with AI agents before you ship · How to vibe code an app with Claude Code · How to clone your voice and make AI voiceovers · How to make a product demo or launch video with AI
Related use cases
Make Claude Code follow your Playwright test standards with a skill
A QA engineer built a playwright-automation-standards skill so Claude Code's generated Playwright scripts follow best practices automatically.
See how Claude Code and Codex do on the whole QA job, not just writing tests
QA Wolf ran Claude Code and Codex through the 1,567 evals it uses for its own QA agent, across web, iOS and Android apps, to test whether they can do the rest of the QA job beyond writing a passing Playwright test.
Ask Claude whether your tests have actually caught bugs
Cory House asked Claude: "Look through my past sessions. How many times did a test catch a bug?" Claude found 5 recent instances where a test caught a bug.
See which routes and tests your agent's uncommitted change touches
He built LayerMap: it reads your uncommitted diff and lists the HTTP routes and existing tests that reach the changed code, so you know what an agent's edit might break.