AI tool comparison
Matt Pocock Skills 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.
Developer Tools
Matt Pocock Skills
21+ battle-tested Claude agent skills from TypeScript's top educator
75%
Panel ship
—
Community
Free
Entry
Matt Pocock — known for Total TypeScript and beloved among frontend developers — has published his personal directory of Claude agent skills straight from his own `.claude` directory. The repository contains 21+ modular skills organized across four areas: Planning & Design (to-prd, to-issues, grill-me), Development (tdd, triage-issue, improve-codebase-architecture), Tooling (setup-pre-commit, git-guardrails-claude-code), and Writing & Knowledge (edit-article, ubiquitous-language, obsidian-vault). Installation is a single command — `npx skills@latest add mattpocock/skills/[skill-name]` — and each skill is a self-contained module that plugs into Claude Code or similar agent runners. The repository blew up on GitHub trending today with 857 stars, reflecting how hungry developers are for curated, production-tested skill templates from people who actually use them daily. What makes this different from generic awesome-lists is the editorial voice — these are skills Pocock actually uses in his content production workflow. The `edit-article` skill, `write-a-skill` meta-skill, and `obsidian-vault` integration reflect real non-code use cases that most developer-focused skill repos ignore entirely. MIT licensed.
Developer Tools
Pretty Fish
Free, beautiful Mermaid diagram editor that works offline
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.
Reviewer scorecard
“The TDD skill and git-guardrails-claude-code alone are worth the install. Pocock's skills reflect how a TypeScript professional actually works — not generic demo code. The npx install pattern is elegant and composable.”
“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.”
“This is one person's personal workflow, not a maintained framework. Skills will drift as Claude updates and Pocock's priorities shift. You're better off building your own SKILL.md files once you understand the pattern.”
“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.”
“When influential developers publish their agent workflows publicly it accelerates the entire ecosystem's skill vocabulary. This is how best practices emerge — through high-signal personal repos from trusted practitioners.”
“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.”
“The edit-article and ubiquitous-language skills are gems for anyone who writes documentation or content alongside code. Having a creator's perspective embedded in a developer's skill repo is refreshingly rare.”
“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.