Drop-in feedback widget
One script tag or npm import. Screenshots, annotations, replays, console errors and an optional clarifying question.
Beansmile's internal feedback toolAI writes the code.
AI writes the code.
Users make it better.
Triage feedback. Ship improvements. Build a better product.
Drops into the stacks we ship
Script tagnpmReactNext.jsRailsCLIMCPClaude CodeScript tagnpmReactNext.jsRailsCLIMCPClaude CodeScript tagnpmReactNext.jsRailsCLIMCPClaude CodeScript tagnpmReactNext.jsRailsCLIMCPClaude Code
How it works
01 / 04
A user spots a problem
They click the Feedback tab, pin the broken element and say what went wrong. A screenshot and the page context come along.
02 / 04
AI triages it
The report lands in Received. AI adds labels, a priority and a Context / Blocker / Want summary, using your own key.
03 / 04
Your agent ships it
A coding agent picks it up through the CLI or MCP, fixes it, marks it ready and releases it with the next deploy.
04 / 04
The user is told
The public board flips to Shipped and the reporter gets an email. Everyone else can upvote what comes next.
How it works
01 / 04
A user spots a problem
They click the Feedback tab, pin the broken element and say what went wrong. A screenshot and the page context come along.
02 / 04
AI triages it
The report lands in Received. AI adds labels, a priority and a Context / Blocker / Want summary, using your own key.
03 / 04
Your agent ships it
A coding agent picks it up through the CLI or MCP, fixes it, marks it ready and releases it with the next deploy.
04 / 04
The user is told
The public board flips to Shipped and the reporter gets an email. Everyone else can upvote what comes next.
What's inside
Everything between a report and a release.
A drop-in widget, AI triage, a team board, a public board and agent tooling — compatible with the open-source makethisbetter widget, CLI and MCP clients, and running on our own server.
AI triage, bring your own key
Anthropic or any OpenAI-compatible endpoint, per project. Keys are encrypted at rest.
Board and list views
Received → In Progress → Pending Release → Closed, with labels, priority, assignees, search and an archive.
Public board with voting
Optional per project. Users follow their reports, see what shipped and upvote what matters.
CLI, MCP and skills
Coding agents list, pick, mark ready and release feedback with personal API tokens.
Self-hosted on our server
Next.js and Postgres in Docker. Feedback, screenshots and replays never leave Beansmile's infrastructure.
Install
Two script tags.Feedback starts flowing.
Paste this into any page. Each project has its own key in Settings → Widget, with npm, React and Rails variants.
index.html
A feedback button appears in the corner of your app
Reports land in Received on your project board
AI triage adds a title, labels and priority
This site runs its own widget — the Feedback tab on the right is live.