Reviewers —

People who can leave feedback on this project through the widget. Workspace members already have access automatically — this list is for people outside the workspace (freelance clients, external reviewers).

Current reviewers

Create your first workspace

A workspace is the umbrella for every site (project) you manage. You can have multiple workspaces, but let's start with one.

Shown to teammates + reviewers when you leave feedback. You can change it later.
lowercase letters, digits, hyphens — appears in the URL.

Projects

New project

lowercase letters, digits, hyphens — the unique handle for this site.

Live link:

Enables the no-install review link: review.pinappai.com/p/<slug>/ serves this site with the review tools loaded. Leave empty to disable. Only origins saved here are ever proxied.
A branch/preview deploy of the same site. review.pinappai.com/p/<slug>~preview/ serves it so reviewers can check applied changes before they ship. Pins and decisions still record against the site origin above.
one per line. * = any origin (use with care), null = file:// pages, *.example.com = subdomain wildcard. The Site and Preview origins above are added here automatically.
When off, only invited reviewers + workspace members can leave feedback. When on, anyone who enters their email in the widget gets a code, verifies, and can comment. Convenient for testing; recommended off for production.
Saved ✓

No projects yet. Click + New project.

How do you use this project?

The primary way is your AI coding agent over MCP. No MCP? Manual options are further down.

Connect your AI agent — MCP Recommended

The main way to use PinAppAI. Connect your AI coding agent once — Claude Code, Cursor, Codex, any MCP client — and it pulls the change-request inbox, applies each reviewer decision to your code, and regenerates the review page. You just run /pinappai:apply.

npx @pinappai/mcp install
npx @pinappai/mcp login

No key to copy — login signs you in through the browser. Then run the setup-project workflow in your agent to bind this project (Claude Code: /pinappai:setup-project; Codex: ask it to run the pinappai setup-project workflow).

Review link — zero install, just share a URL

Reviewers open your live site through a share link and annotate it in place: pins, comments, screenshots. Nothing to embed or install — the fastest way to start.

Show review link

            

Set a review origin in Settings to enable the review link.

Reviewer Chrome extension — review in your own tab

For pages a link can't reach: behind logins, in-app flows, sites with strict security policies. Invited reviewers install the extension once and review your real site in their own logged-in tab.

Show install links
Install from the Chrome Web Store How it works

No MCP? Do it by hand:

Add to your site — site-wide feedback widget

A one-line <script> tag that loads the widget on whichever page you embed it on. Reviewers see a floating button — they can drop a pin anywhere or pick a specific element and comment. Use this for general feedback on existing pages.

Show snippet, embed & remove prompts

            

AI diff — review your latest changes one item at a time

Hand this prompt to Claude Code / Cursor / any AI. It reads your recent commits and generates a /changes/ page where each change shows Before / After + Approve / Reject / Request-change buttons. Use this after a content rewrite or redesign so reviewers can decide on every item before merging.

Show AI diff prompt