DEDUPED Hot AI repos, turned into use cases Get 5 a day

How to show a bug fix as a before and after recording with Claude Show Your Work

Have Claude Code record the same Playwright steps on the old and new versions and review them side by side.

Remote script. The install pulls the plugin from a GitHub repository and the plugin runs its own shell scripts and a daily updater, so review the README's list of what it runs first.

Who it is forA developer or product owner in Claude Code who needs proof that a UI bug fix works before merging it.

The problemChecking a fix usually means opening a browser, rerunning tests and reading logs to see whether the change really works.

The outcomeThe old and new versions play side by side in the chat, with change markers and checks that turn green or red as the video plays.

What you need first

  • Claude Code 2.1.286 or later
  • A terminal that supports the kitty graphics protocol, such as Ghostty or Warp
  • ffmpeg, needed for videos (brew install ffmpeg on macOS, or ask Claude to install it)

Steps

  1. Run /plugin marketplace add https://github.com/iamumeransari/claude-show-your-work.git#releases in Claude Code
  2. Run /plugin install show-your-work@iamumeransari in Claude Code
  3. Install ffmpeg with brew install ffmpeg on macOS, or ask Claude to install it
  4. Ask Claude Code to fix the bug in your project and show you the before and after
  5. Open the Compare view in the chat and check that each Playwright check turns green where the fix works

Prompt for your agent

In the claude-show-your-work repo, install the show-your-work plugin in Claude Code, then fix the bug in <target app or page> and produce a before and after Playwright recording. Expected output: both recordings playing side by side in the chat with change markers. Verify that the checks for the fixed behavior are green in the new version.

Caveat. The README describes Playwright recordings for Claude's test runs but does not list setup steps for Playwright itself, so test the setup on your own app first.

Share: X LinkedIn Hacker News Email Copy link

Disclaimer

Deduped lists open-source repositories that belong to other people. We do not own, maintain, audit, or vouch for any of them, and a repo appearing here is not an endorsement or a safety check. The use cases, steps, and prompts are written by AI and may be incomplete, outdated, or just wrong. Where a use case is marked "Seen in the wild", we link to public posts where someone described something similar, but we have not verified those posts and the use case itself is still our AI's own write-up. Use all of this at your own risk. Only run code, commands, or agents on systems and accounts you are authorized to use, and read the code and every command before you run it, especially anything that touches credentials, files, or the network. Nothing here is professional, security, legal, or financial advice. All trademarks and project names belong to their respective owners, and their use here does not imply affiliation. Content is provided as is, without warranties of any kind. Found a mistake, a safety problem, or something you want removed? Email [email protected] and we will look at it promptly. Full disclaimer page