iamumeransari/claude-show-your-work

<p align="center"> <img src="docs/homepage.jpg" alt="A recording of the Tern homepage plays in the terminal, with the list of what changed beside it" width="100%"> <img src="docs/concepts.jpg" alt="Four landing page concepts for Tern shown in the chat" width="49%"> <img src="docs/breakpoints.jpg" alt="The Tern homepage at desktop, tablet and phone sizes shown in the chat" width="49%"> <br>_{Claude designs a landing page, records it scrolling and shows you every screen size, right in the chat.} </p> <h1 align="center">claude-show-your-work</h1> <p align="center"><b>Claude Code now shows you images and videos, right in your terminal.</b></p> <p align="center"> <a href="#install"><img src="https://img.shields.io/badge/Claude_Code-plugin-D97757?logo=claude&logoColor=white" alt="Claude Code plugin"></a> <a href="#install"><img src="https://img.shields.io/badge/Ghostty_%7C_kitty-supported-3B82F6?logo=gnometerminal&logoColor=white" alt="Works in Ghostty and kitty"></a> <a href="#install"><img src="https://img.shields.io/badge/macOS-000000?logo=apple&logoColor=white" alt="macOS"></a> <a href="LICENSE"><img src="https://img.shields.io/github/license/iamumeransari/claude-show-your-work?color=22C55E" alt="MIT license"></a> <a href="https://github.com/iamumeransari/claude-show-your-work/stargazers"><img src="https://img.shields.io/github/stars/iamumeransari/claude-show-your-work?style=flat&logo=github&color=EAB308" alt="GitHub stars"></a> </p>

show-your-work is a plugin for Claude Code. When Claude finishes something, it shows it to you right in the chat: a screenshot of the page it built, a video of it clicking through your app, or a full QA run of a fix with the before and after side by side. No browser, no localhost, no manual QA.

It works in Ghostty and kitty on macOS. It's free and open source.

# in Claude Code
/plugin marketplace add https://github.com/iamumeransari/claude-show-your-work.git
/plugin install show-your-work@iamumerans