Claude Code mod
mirror-pane
Before/after simulator screenshots on the same step as a UI edit, side by side in a pane, with a changed-pixel percentage and pinned baselines
Install
git clone https://github.com/ccdwyer/mirror-pane.git
claude --plugin-dir ./mirror-pane/.The repo has no marketplace file, so load the plugin folder directly with --plugin-dir.
What it can access
- Reach
- L2Writes or runs: runs processes, reads files, reads env vars, reads mod state, persists state, draws
- Sees
- every tool call
- Draws in
PaneAbovePrompt- Hooks
session.startcommand.runtool.callui.render
From a static scan of the mod's code by awesome-claude-code-mods. It shows what the code asks for, not a security review.
How Claude Code mods work
- A mod is a plugin with a JavaScript or TypeScript module that runs inside Claude Code (version 2.1.287 or later). It can draw panes beside the transcript, a band above the prompt, buttons and toasts, restyle the spinner and tool rows, and watch or rewrite tool calls and prompts.
- It installs like any plugin: add its marketplace with /plugin marketplace add owner/repo, then /plugin install name@marketplace.
- Check what a mod can reach before installing: it runs with your permissions. Reach goes from drawing only, to reading files, to writing files or running processes, to the network. Run claude plugin validate on a clone to list its hooks and calls without running it.
- Turn one off from the Installed tab in /plugin, or start Claude Code with --safe-mode to skip every customization for a session.
Details
- Repository
- ccdwyer/mirror-pane
- Folder
.- Author
- Chris Dwyer
- License
- MIT
- Last updated
- 2 October 2026
- Listed in
- awesome-claude-code-mods
FAQ
What is mirror-pane?
Before/after simulator screenshots on the same step as a UI edit, side by side in a pane, with a changed-pixel percentage and pinned baselines It is a mod for Claude Code, from ccdwyer/mirror-pane on GitHub.
What can the mirror-pane mod access?
Its widest reach is "writes or runs" (runs processes, reads files, reads env vars, reads mod state, persists state, draws). It sees every tool call. It draws in Pane, AbovePrompt. Like any mod, it runs with your permissions.
How do I install mirror-pane?
Clone ccdwyer/mirror-pane and start Claude Code with --plugin-dir pointing at the mod's folder (.).
More pane & dashboard mods
milestone
qwang07/milestone-mod
A goal pool inside the project: record goals, plan them with Claude, split them into sub-goals or tasks and run them one at a time; a side panel shows progress live.
mission-pane
simplybychris/claude-code-mods
A side pane (/ops) with this session's subagents and background jobs, live, and a sound and a toast as each one ends.
mi-terminal
Juan-Gpu/mis-mods
Convierte Claude Code en un videojuego con memes: XP, niveles, logros, vida, combos, reacciones meme, Snake, sonidos y TikTok al lado
mod-bar
smhasan-yad/claude-mod-mod-bar
A one-line bar of mod icons above the prompt: click one to turn that mod on or off. /mods lists them by name. Keeps You Should Know off unless you opt in for the session.
meta-lint
krysmalskipl/claude-code-mods
SEO basics of the page or post Claude just edited, above the prompt: title and meta description length, H1 count, images without alt, word count. /meta-lint shows the details and a search snippet preview.
mod-monitor
alexatennea/claude-mods
A pane showing what each mod is doing, the agents they start and the messages passing between them
Browse the most popular Claude Code mods, all pane & dashboard mods, or the skills and MCP server directories.