← Products · Product · 02
Feedback Pulse
LiveThe feedback channel that drives your roadmap. Collect user signal in-product. See what to ship next. Close the loop with the people who actually use your stuff.
Files
Two
Env vars
Five (one optional)
DB / auth deps
None
Framework
Next.js App Router
Why it's different
A real feedback channel — not another support inbox.
- 01
Signal in-product, not in someone's inbox
A floating button on every page so users tell you what's broken or missing the moment it happens — Bug, Idea, Question — no email, no support ticket, no context lost.
- 02
Screenshots without a screen recorder
Paste from clipboard, drag-and-drop, or file-picker. Attached to the card automatically so you don't have to ask "can you send a screenshot?".
- 03
Improve with AI
Optional button that rewrites the user's raw note via Claude into something a product manager can actually act on before it lands.
- 04
Lands as a roadmap card, not an email
Submissions become Trello cards on a list you control. Triage, group, prioritise. The feedback loop becomes a backlog you can ship from.
How it ships
Two files, five env vars, an hour from clone to in-product.
Step 1
Drop the two files into your project
components/feedback-widget.tsx lib/feedback-action.ts
Step 2
Install runtime deps
pnpm add lucide-react sonner ai @ai-sdk/anthropic
Step 3
Mount in your root layout
import { FeedbackWidget } from "@/components/feedback-widget"; <FeedbackWidget />Step 4
Point at a Trello list
Set the env vars (Trello key, token, list ID, board ID, and optionally an Anthropic key for AI rewrites). The list becomes your incoming queue.