Add Claude Code integration via MCP server

[stevysmith]

Summary

Adds direct integration between Agentation and Claude Code via MCP (Model Context Protocol). Annotations now sync automatically to Claude instead of requiring copy/paste.

Video Walkthrough

feedback-claude-code.mp4

What it does

• Browser → Claude: When you annotate elements, they sync to an MCP server that Claude Code can query
• Claude → Browser: When Claude clears feedback, the browser UI updates in real-time via SSE
• Zero config: Just claude mcp add agentation -- npx @agentation/claude and you're set

New MCP tools

Tool	Description
agentation_get_feedback	Get annotations as structured markdown
agentation_list_pages	List pages with pending feedback
agentation_clear_feedback	Clear feedback (also updates browser)

Design Elements

Dark Mode:

Light Mode:

Usage

1. Add MCP server: claude mcp add agentation -- npx @agentation/claude
2. Enable in your app: <Agentation serverUrl="http://localhost:4242" />
3. Tell Claude: "check my page feedback" or "fix the issues on /dashboard"

Changes

• _claude-integration/ - New MCP server package (@agentation/claude)
• _package-export/ - Sync support, Clawd status icon, install docs
• Root workspace config updates

Install Page Update

Before merging

The @agentation/claude package needs to be published to npm for the npx @agentation/claude command to work:

  cd _claude-integration                                                                                                                                                                                             
  pnpm build                                                                                                                                                                                                         
  npm publish --access public                                                                                                                                                                                        

[vercel]

@stevysmith is attempting to deploy a commit to the Benji Taylor's Projects Team on Vercel.

A member of the Team first needs to authorize it.

[wkoutre]

Looks very useful 🙏🏼. Could be cool for this to be packaged into a claude code marketplace plugin (for easier discoverability!) The mcp could be included there. Just a thought!

[stevysmith]

@benjitaylor just seen the updated PR approach - shall I keep this in a separate repo?