AI tool comparison
Pluck 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
Pluck
Click any website UI, get a clean AI coding prompt for it
75%
Panel ship
—
Community
Free
Entry
Pluck is a Chrome extension that solves one of the most common friction points in AI-assisted UI development: copying a design from an existing website. Instead of wrestling with raw HTML, you click any UI component — a nav bar, a card, a form, anything — and Pluck generates a clean, structured prompt optimized for Claude, Cursor, v0, or Bolt to recreate it. The extension strips noise from the DOM, restructures styling into clean CSS specifications, and can export directly to Figma. Crucially, it works on pages behind authentication — so you can capture your own app's components, competitor dashboards, or enterprise SaaS UIs without the usual copy-paste nightmare. Built by an indie developer using Plasmo and Next.js. Free tier covers 50 captures per month; unlimited use is $10/month. The "Pluck this" workflow — spot something, generate the prompt, build it — turns browsing into a design research tool. Surfaced on Hacker News Show HN today.
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
“I do this workflow manually constantly — inspect element, copy classes, paste into Claude, iterate. Pluck automates the messy part. The authenticated-page support is the killer feature; most competitors only work on public sites. $10/month is genuinely cheap for the time it saves.”
“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.”
“AI coding tools already have screenshot-to-code features, and Claude can analyze HTML you paste directly. There's a real question of whether the generated prompts are actually better than just feeding Claude the raw HTML. Also, copying UI from competitor or third-party sites without permission sits in legally murky territory.”
“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.”
“Pluck represents an emerging category: tools that make the entire web a design asset library. As AI coding matures, the ability to rapidly prototype by remixing existing production UIs will become a standard developer skill. Early movers in this workflow will have a productivity edge.”
“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.”
“As someone who regularly finds UI patterns I want to adapt, this changes everything. Browsing becomes active design research. The Figma export is the icing — capture from live production, land in your design file, build from there. The workflow finally makes sense end-to-end.”
“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.