Compare/CC-Beeper vs Pretty Fish

AI tool comparison

CC-Beeper vs Pretty Fish

Which one should you ship with? Here is the side-by-side panel verdict, pricing read, reviewer split, and community vote comparison.

C

Developer Tools

CC-Beeper

A floating macOS widget that shows exactly what Claude Code is doing

Ship

75%

Panel ship

Community

Paid

Entry

CC-Beeper is a native macOS SwiftUI widget that sits on your desktop and tracks Claude Code in real time. Instead of leaving a terminal window open just to monitor agent status, you get a compact floating pager that animates through eight distinct states — Snoozing, Working, Done, Error, Allow?, Input?, Listening, and Recap — using pixel-art characters that make the whole thing oddly delightful. The tool hooks into Claude Code by registering seven hook scripts in ~/.claude/settings.json and binding to a local port in the 19222–19230 range. All communication stays on localhost with zero external connections. You also get four auto-accept presets ranging from Strict (confirm everything) to YOLO (approve all), plus hands-free dictation via WhisperKit or Apple Speech and text-to-speech via Kokoro. Double-clap detection for hands-free triggering is a nice touch for those who live away from the keyboard. Built in Swift 6 for macOS 14+, CC-Beeper is one of those tools the Claude Code ecosystem has been quietly waiting for. It launched April 12 at v1.0.0 and already sits at over 500 GitHub stars. If you run Claude Code for long-running tasks, this is the monitoring UI you actually want.

P

Developer Tools

Pretty Fish

Free, beautiful Mermaid diagram editor that works offline

Ship

75%

Panel ship

Community

Free

Entry

Pretty Fish is a free, open-source Mermaid diagram editor with live preview, 5 built-in themes, multi-page workspaces, and one-click SVG/PNG export. It works offline as a Progressive Web App (PWA) and requires no account, no login, and no installation. It supports all 14+ Mermaid diagram types including flowcharts, sequence diagrams, Gantt charts, entity-relationship diagrams, and Git graphs. The editor includes syntax highlighting, auto-completion, instant error feedback, and a clean split-pane layout. The multi-page workspace lets you manage entire diagram projects in a single session. Export quality is excellent — SVG output is clean and scaling-ready for use in presentations, docs, or design systems. Pretty Fish hit Hacker News front page today with 128 points and has the makings of the go-to Mermaid editor for developers who generate diagrams from AI-assisted documentation workflows. With LLMs increasingly generating Mermaid syntax in their outputs, having a polished renderer and editor matters more than ever.

Decision
CC-Beeper
Pretty Fish
Panel verdict
Ship · 3 ship / 1 skip
Ship · 3 ship / 1 skip
Community
No community votes yet
No community votes yet
Pricing
Open Source
Free
Best for
A floating macOS widget that shows exactly what Claude Code is doing
Free, beautiful Mermaid diagram editor that works offline
Category
Developer Tools
Developer Tools

Reviewer scorecard

Builder
80/100 · ship

I've been running Claude Code tasks for hours and constantly alt-tabbing to check the terminal. CC-Beeper solves exactly that problem. The hook integration is clean — seven scripts and a localhost port, nothing invasive. The YOLO mode is perfect for trusted local tasks. Swift 6 + SwiftUI means it's fast and native, not an Electron tax. Ship immediately.

80/100 · ship

The official Mermaid live editor is clunky and slow. Pretty Fish loads instantly, works offline, and the multi-page workspace means I can manage all my architecture diagrams in one place. Bookmarking this immediately as my default Mermaid editor.

Skeptic
45/100 · skip

It's a cute pixel widget for a terminal you could just leave visible. The auto-accept modes are a genuine footgun — YOLO mode on an agent that has filesystem access is how you accidentally delete a production config. The hook injection into settings.json is also opaque; any update to Claude Code could silently break it. I'd wait for the ecosystem to stabilize before wiring extra tooling into your agent permissions chain.

45/100 · skip

It's a genuinely nice editor but it's solving a niche problem — most devs who need Mermaid diagrams already use VS Code extensions or embed them in Notion. And with no backend, there's no collaboration or sharing story, which limits its use in team workflows.

Futurist
80/100 · ship

This is the first sign of a peripheral ecosystem forming around AI coding agents — the way Apple Watch accessories formed around the phone. As agents run longer and more autonomously, ambient status UIs like CC-Beeper become the control plane. The pixel art aesthetic makes agent status legible at a glance. This category is going to grow fast.

80/100 · ship

As AI tools increasingly output Mermaid syntax to explain architectures and flows, the need for a great rendering environment grows. Pretty Fish positions itself at the intersection of AI-generated diagrams and human editing — that's a well-timed niche.

Creator
80/100 · ship

The pixel-art states are genuinely charming — eight distinct animations for different agent moods is the kind of craft that makes a utility feel alive. Ten color themes and three widget sizes means it fits any desktop aesthetic. Double-clap detection for voice input is the kind of micro-innovation you don't know you need until you're elbow-deep in a project.

80/100 · ship

Five beautiful themes and clean SVG exports mean I can finally use Mermaid diagrams in client-facing presentations without them looking like developer scratch notes. This is the Mermaid editor I've always wanted and the zero-friction setup seals it.

Weekly AI Tool Verdicts

Get the next comparison in your inbox

New AI tools ship daily. We compare them before you waste an afternoon.

Bookmarks

Loading bookmarks...

No bookmarks yet

Bookmark tools to save them for later