no accounts, no saas, no storage.

install

npm install remediate

or set up with claude code

npx skills add remediate

then run /remediate. detects your framework, installs the package, creates the server route, wires it into your layout.

add the server route

the widget POSTs FormData. parse it with parseFeedback.

// app/api/feedback/route.ts (next.js app router)
import { parseFeedback } from "remediate/server";

export async function POST(req: Request) {
  const { submission, files } = await parseFeedback(req);
  console.log(submission);
  return Response.json({ ok: true, id: submission.id });
}

submission is the json. files is a Map<string, File> of screenshots, recordings, and voice notes.

works anywhere you have a web Request: app router, remix, hono, bun, deno, cloudflare workers.

add the component

import { Remediate } from "remediate";

export default function App() {
  return (
    <>
      <YourApp />
      <Remediate endpoint="/api/feedback" />
    </>
  );
}

a floating button appears in the corner. click it, capture, submit. styles inject themselves.

try it without a backend

skip the route. log to the console.

<Remediate onSubmit={(payload) => console.log(payload)} />

open devtools, capture something, watch the payload. when you're ready, add endpoint. both can coexist. the POST runs first, then onSubmit on success.

props

all props are optional.

what to do next

• recipes: slack, github issues, vercel blob, postgres
• payload: what's in the json
• faq: common questions

requirements

• react 18+
• https for video and voice. localhost is fine in dev.
• video recording is desktop-only. mobile safari has no screen-capture api.
• cross-origin images and iframes render blank in screenshots.