Embeddable widget

Collect feedback right where users are

One script tag. Screenshot, console logs, and metadata — captured automatically.

Install with Skills Recommended
  1. 1
    $ npx skills add makethisbetter/skills
  2. 2
    > /makethisbetter setup
Install with a script
<script src="https://unpkg.com/makethisbetter@1"></script>

~23 kB gzipped · no dependencies · works everywhere

app.demo.com
Demo Analytics
Dashboard Reports Settings
Revenue
$284,500
Growth
+18.2%
Users
12,847
1
About "Revenue Chart"
🐛 Something's broken
💡 I have a suggestion
Or describe in your own words...
Feedback
Capture everything

More than a comment box.

Mark up & annotate

Click any element to pin feedback, or drag to freehand-draw on the page. Context is captured automatically.

Screen recording

Record your screen to show exactly what happened. No external tools — just click Record in the toolbar.

AI follow-up

AI asks clarifying questions to sharpen vague feedback into actionable issues — before it reaches your team.

Contextual capture

Screenshot, console logs, DOM state, browser info, and page URL — all captured automatically with zero user effort.

Quick actions

One-tap options: "Something's broken", "I have a suggestion", "I'm confused" — no typing required.

Zero config

One script tag gets you started. Works with any framework — React, Vue, Rails, plain HTML — no build step needed.

Integration

Two lines. That's it.

Grab your projectKey from Project Settings in the dashboard.

index.html
<!DOCTYPE html>
<html>
<head>
  <script src="https://unpkg.com/makethisbetter@1"></script>
  <script>
    MakeThisBetter.init({ projectKey: 'mtb_proj_YOUR_KEY' })
  </script>
</head>
<body>
  <!-- your app -->
</body>
</html>
React Vue Rails Next.js plain HTML
How it works

From click to actionable issue.

1 User clicks Feedback

A tab or button on your page opens the annotation toolbar. Users click any element or draw to highlight an area.

2 AI sharpens the feedback

Quick-pick or free-text — then AI asks one or two clarifying questions to turn vague reports into precise issues.

3 Issue lands on your board

Feedback, screenshots, recordings, and technical context arrive as a structured issue — ready for your agent or team to act on.

Open source. Free.

Read the source, file issues, or send a PR. The Widget SDK lives on GitHub.

View on GitHub
github.com/makethisbetter/makethisbetter-js