Put feedback directly on the page.
Give your coding agent exactly what to change.

14 KB

gzipped, CI-enforced ceiling

zero

runtime dependencies

no telemetry

no network calls unless you add them

MIT

the widget is free forever

audited

every review round is public

Read the source, the sync protocol, and the audit trail at github.com/brijeshp/pinflow.

1. 1

   Anyone pins.

   Send the link to a page that has the script tag. Reviewers click the element they mean and type what is wrong. No install, no account, works on a phone. Voice notes are an optional module you can turn on.

2. 2

   You export.

   Export writes a Markdown file and copies it to your clipboard, every comment carrying its selectors, context, and style snapshot. JSON, email handoff, and your own backend are one config option away.

3. 3

   You hand it to your agent.

   Paste the file into Claude Code, Cursor, or any coding agent and ask it to make the changes. The selectors and context are what let it find each element without seeing your screen.

Exported comments are treated as untrusted input: Pinflow escapes its Markdown so a reviewer's note can't smuggle instructions to your agent.

<script
  src="https://cdn.jsdelivr.net/npm/@brijeshp/pinflow@latest"
  data-project="checkout-redesign"
  onerror="console.error('Pinflow failed to load')"
></script>

npm install @brijeshp/pinflow

import { init } from '@brijeshp/pinflow';

const pinflow = init({
  project: 'checkout-redesign',
});

import { Annotator } from '@brijeshp/pinflow/react';

export default function App() {
  return (
    <>
      <Annotator project="checkout-redesign" />
      <YourApp />
    </>
  );
}

<script setup lang="ts">
import { Annotator } from '@brijeshp/pinflow/vue';
</script>

<template>
  <Annotator project="checkout-redesign" />
</template>

Works with plain HTML, React, Vue, Next.js, Vite, Remix, Astro, Lovable, Bolt, and whatever your agent generated last night.

• 1

  AI-built prototypes

  Move this step after payment. It’s confusing here.

  Paste the export back into the Lovable, v0, or Bolt chat so the next generation gets it right.

• 2

  Production websites

  This headline wraps weird on my phone.

  One script tag on any stack, LLM-built or ten years of WordPress. Paste the export into your agent to make the change and open a PR.

• 3

  Client review on staging

  Can the logo be bigger? And a warmer blue.

  Clients pin feedback on the page instead of sending annotated screenshots, with no account or install.