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.
Projects
No projects yet. Click + New project.
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).
A workspace is the umbrella for every site (project) you manage. You can have multiple workspaces, but let's start with one.
No projects yet. Click + New project.
The primary way is your AI coding agent over MCP. No MCP? Manual options are further down.
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).
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.
Set a review origin in Settings to enable the review link.
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.
No MCP? Do it by hand:
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.
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.