The latest articles on DEV Community by Hamza Zafar (@hamza_zafar_64e69fa77a3df). https://dev.to/hamza_zafar_64e69fa77a3df https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4165806%2Fec4ac249-8d62-4c28-9377-c5498a1ac27d.jpg https://dev.to/hamza_zafar_64e69fa77a3df en Hamza Zafar Tue, 06 Oct 2026 08:39:56 +0000 https://dev.to/hamza_zafar_64e69fa77a3df/i-built-20-mods-for-claude-code-here-are-the-ones-i-use-every-day-2074 https://dev.to/hamza_zafar_64e69fa77a3df/i-built-20-mods-for-claude-code-here-are-the-ones-i-use-every-day-2074 <p>Claude Code got mods. A mod is a small plugin that hooks into the app. It can draw a line above the prompt, open a pane, or hold a command before it runs.</p> <p>I started with one and kept going. Now there are 20 in one repo: <a href="https://github.com/hamzafer/claude-code-mods" rel="noopener noreferrer">hamzafer/claude-code-mods</a>.</p> <p>Here are the ones I keep on.</p> <h2> context-bar: what fills your context </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F8jl19sgl4edpbbhien8h.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F8jl19sgl4edpbbhien8h.png" alt="context-bar showing the Claude Code context window as a stacked bar" width="798" height="105"></a></p> <p>I used to run <code>/context</code> again and again. Now the window sits above the prompt as one bar. Each category gets its own color: system prompt, tools, MCP, skills, messages. It also marks where auto-compact starts.</p> <h2> review-watch: see your code reviews run </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F45yq9hqbfradodkvzubw.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F45yq9hqbfradodkvzubw.png" alt="review-watch showing a Codex review and a review subagent running" width="796" height="83"></a></p> <p>I run Codex as a second reviewer. It works in the background, so I never knew if it was alive. review-watch gives each review one line: the model, what it reviews, the time, and the last thing it printed. When it ends, a toast shows the findings.</p> <h2> blast-radius: look before rm -rf </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fi0xsy7jqhbl9iolu9gbi.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fi0xsy7jqhbl9iolu9gbi.png" alt="blast-radius holding an rm -rf command" width="768" height="169"></a></p> <p>It holds <code>rm -r</code>, force pushes and database migrations. It shows what would be deleted or dropped. You pick Cancel or Proceed. If nobody answers in 60 seconds, it cancels.</p> <h2> md-preview: Markdown the way GitHub shows it </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fdowd7js7zqd6vgvbizyr.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fdowd7js7zqd6vgvbizyr.png" alt="md-preview with a diff on the left and the rendered page on the right" width="800" height="265"></a></p> <p>When Claude edits a README, I want to see the page, not the raw text. md-preview renders it like GitHub in a pane next to the chat. Press <code>b</code> for before and after.</p> <h2> now-playing: Spotify and the lyrics </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fzdkd658qozvnc1gmp5gp.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fzdkd658qozvnc1gmp5gp.png" alt="now-playing showing the track, progress, buttons and the lyric line" width="800" height="56"></a></p> <p>This one is just for fun. It shows the song, a progress bar and the lyric being sung. Click ⏮ ⏸ ⏭ to control it.</p> <h2> mission-control: every agent and file, live </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fsqtoazyrtr9ykjrsojgl.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fsqtoazyrtr9ykjrsojgl.gif" alt="mission-control showing subagents and a code map" width="600" height="338"></a></p> <p>When Claude starts subagents, I lose track fast. mission-control shows each agent and every tool call. A second view maps the files they read and write.</p> <h2> Try them </h2> <p>Add the marketplace once, then install any mod by name:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>claude plugin marketplace add hamzafer/claude-code-mods claude plugin <span class="nb">install </span>context-bar@claude-code-mods </code></pre> </div> <p>You need Claude Code 2.1.287 or newer. Restart after installing.</p> <p>Every mod has its own page here: <a href="https://hamzafer.github.io/claude-code-mods/" rel="noopener noreferrer">hamzafer.github.io/claude-code-mods</a>. The code is on <a href="https://github.com/hamzafer/claude-code-mods" rel="noopener noreferrer">GitHub</a>, MIT licensed.</p> <p>What would you build? Tell me in the comments.</p> opensource claude ai productivity