{"slug": "show-hn-an-ai-powered-widget-for-collecting-user-feedback", "title": "Show HN: An AI-Powered Widget for Collecting User Feedback", "summary": "Make This Better launched an AI-powered feedback widget that captures screenshots, DOM snapshots, and console logs when users report issues, then uses AI to clarify and extract the underlying need, and integrates with coding agents like Claude Code, Cursor, Windsurf, and Codex via MCP and CLI to turn feedback into shipped fixes. The tool is free to start with no credit card required, and it aims to close the gap between user feedback and developer understanding, as demonstrated by 23 users clicking Export and leaving without explanation.", "body_md": "Every user signal becomes an issue your agent can ship.\n\nMark-up mode activates. They click an element, draw a circle, write a note. A screenshot, DOM snapshot, and console log are auto-captured in the background.\n\nAI asks one or two clarifying questions, then extracts: the scene (context), the blocker, and the real underlying need.\n\nInstall the Skill and connect MCP once (left). The Skill gives your agent the workflow; MCP and the CLI provide feedback data and status actions. Then run `/makethisbetter pick`\n\nto inspect the original evidence, claim the feedback, and start the fix (right). Works with Claude Code, Cursor, Windsurf, and Codex.\n\nThe public Feedback Board shows progress in real time. Your user watches their issue move from received → in progress → shipped. Trust earned, churn prevented.\n\nAI coding makes you ship fast — not perfect. The real gap isn't between code and deploy. It's between your users and your understanding of what they actually need. Here's how Make This Better closes it:\n\nTwenty-three users kept clicking Export, then left. Analytics and logs looked normal. The widget lets them report the problem on the spot, and your agent takes over.\n\nA user says \"it doesn't work,\" and you have no idea why. The widget captures the URL, errors, and screenshot. Run `/feedback pick`\n\n, and your agent gets to work.\n\nWithout a QA team, you click around before launch and hope for the best. Real users still hit problems you never imagined. The widget captures what happened, turning every session into a test.\n\nSeven users ask for email sharing. AI turns their scattered feedback into one issue, and your agent builds it. A paid feature you nearly missed is now obvious.\n\nInstall the CLI, connect MCP, and start picking up feedback — all from your terminal.\n\nYour users give feedback. Your agent ships the fix. You sleep.\n\nNeed the widget for your users? [Docs](/widget)\n\nPay for your team. Bring your own API key for free AI on any plan.\n\nStop guessing what’s broken. Let your users tell you — and let your agent ship the fix.\n\nFree to get started. No credit card required.", "url": "https://wpnews.pro/news/show-hn-an-ai-powered-widget-for-collecting-user-feedback", "canonical_source": "https://makethisbetter.dev/", "published_at": "2026-08-03 04:08:22+00:00", "updated_at": "2026-08-03 04:22:36.432031+00:00", "lang": "en", "topics": ["ai-products", "ai-tools", "developer-tools", "ai-agents"], "entities": ["Make This Better", "Claude Code", "Cursor", "Windsurf", "Codex"], "alternates": {"html": "https://wpnews.pro/news/show-hn-an-ai-powered-widget-for-collecting-user-feedback", "markdown": "https://wpnews.pro/news/show-hn-an-ai-powered-widget-for-collecting-user-feedback.md", "text": "https://wpnews.pro/news/show-hn-an-ai-powered-widget-for-collecting-user-feedback.txt", "jsonld": "https://wpnews.pro/news/show-hn-an-ai-powered-widget-for-collecting-user-feedback.jsonld"}}