Overplay
NewMCP server for your coding agent

Comment on your
live website.

Your team pins feedback to any part of the page. The pin stays on that component, on every screen size.

Start Free

Click "Try It on This Page", then click any part of this page. Your note stays in your browser.

Works with your stack

Feedback where the work is.

No screenshots. No “the button on the left”. Just a pin.

01 · Set up

Add the widget

One npm package or one script tag. Or let your AI agent do it.

02 · Discuss

Pin a comment

Click any component and write. Your team replies in a thread.

03 · Ship

Fix and resolve

Close the thread when the change is live. Nothing gets lost.

Overplay MCP server

Ask your coding agent
about the feedback.

Overplay has its own MCP server. Connect Claude Code, Cursor or any MCP client once. Your agent reads new comments, finds the element in your code, fixes it and replies on the thread.

  • 01
    Catch up in one question. “What came in yesterday?” Every thread, with authors, pages and elements.
  • 02
    From comment to tested fix. The agent gets the element context, makes the change and tests it.
  • 03
    Close the loop. It replies and resolves, so your team sees what changed without asking.
Set Up MCP Server Read MCP Docs

You choose the projects and what the agent may do. Switch access off at any time. Available on Pro, Max and Enterprise.

Coding agent Overplay MCP

What comments came in yesterday?

list_commentssince yesterday

3 new comments on overplay.app:

  • AS
    Artem · PricingThe button is hard to read on mobile.
  • OK
    Olena · HomeTypo in the hero title.
  • MR
    Max · DocsAdd a copy button to code blocks.

Fix the pricing button and reply to Artem.

get_comment_contextpricing:cta

Editpricing.css · contrast 2.9 → 7.1

reply_to_commentand resolve

Done. I fixed the contrast, checked it at phone width, replied to Artem and resolved the thread.

Resolved · Pricing button
A perspective from the team
Illustrative portrait of Alex, a fictional developer
Alex · DeveloperShipping a website with a small product team

A useful note beats another guessing game.

Alex is halfway through a release when a note arrives: “The button looks wrong.” Which button? On which page? With a pin on the live site, there is somewhere useful to start.

  • Start at the right button

    Alex opens the note beside the affected button. The saved element context helps him find the component without asking for another screenshot.

  • Ask once, in the thread

    Should this change apply to every plan, or just Pro? Alex asks beside the original request, where the reviewer can see what he means.

  • Give the fix a clear ending

    Alex makes the change himself or brings the thread into his coding agent through MCP. Then he replies so the reviewer knows what to check.

What changes for Alex Alex spends less time finding the problem and gives the reviewer a clear place to check the fix.

See More Cases
Questions

Questions, answered.

What is Overplay?

Overplay is a feedback tool for live websites. Your team clicks any part of a page and pins a comment to it. The note stays on that element on every screen size, so everyone sees exactly what it is about.

How do I add Overplay to my website?

Paste one script tag, or install the npm package overplay and call Overplay.init. It works with React, Next.js, Vue and any other website. AI Install gives your coding agent one prompt that adds the widget for you.

Who can see and write comments?

Only the people you add to the project. They sign in on your website once, then comment in place. Visitors without access do not see your team's notes.

Is there a free plan?

Yes. The Free plan has 1 project and 50 comments a month, and needs no card. Pro costs $15 and Max $40 a month for growing teams. Yearly billing gives you 2 months free.

Can AI coding agents work with the feedback?

Yes. The Overplay MCP server connects Claude Code, Cursor and other agents to your comments. An agent reads a note, finds the element in your code, fixes it and replies. It is included in Pro, Max and Enterprise.

What happens when a comment is on a hidden menu or tab?

When you open the comment, Overplay opens the hidden menu, drawer or tab for you and shows the element. If the element was removed from the page, the note says so.

Start your first project.

Free plan. No card needed.

Start Free