Agentation

Agentation is currently desktop only.

Agentation is a React component for annotating web pages and generating structured feedback for AI coding agents. Zero runtime dependencies beyond React 18+, written in TypeScript with full type definitions. Available on npm and GitHub.

Contributors

Made by Benji Taylor, Dennis Jin, and Alex Vanderzon, with help from Claude Code.

References

See the original post for more on the motivation behind the project.

Framework

Next.js

Hosting

Vercel

Typeface

Inter

Icons

Dip

License

PolyForm Shield

Features

  • Pause animations
  • Layout mode
  • Hide markers
  • Copy feedback
  • Send Annotations
  • Clear all
  • Settings
  • Exit

Version

v3.0.2

Output Detail

  • Standard
  • React Components
  • Hide Until Restart
  • Marker Color
  • Clear on copy/send
  • Block page interactions

Manage MCP & Webhooks

MCP Connection

MCP connection allows agents to receive and act on annotations. Learn more

Webhooks

  • Auto-Send
  • The webhook URL will receive live annotation changes and annotation data.