# 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](https://www.npmjs.com/package/agentation) and [GitHub](https://github.com/benjitaylor/agentation).

## Contributors

Made by [Benji Taylor](https://x.com/benjitaylor), [Dennis Jin](https://x.com/seldom), and [Alex Vanderzon](https://x.com/alexvanderzon), with help from [Claude Code](https://claude.ai/code).

## References

See [the original post](https://benji.org/annotating) for more on the motivation behind the project.

### Framework

[Next.js](https://nextjs.org/)

### Hosting

[Vercel](https://vercel.com/)

### Typeface

[Inter](https://rsms.me/inter)

### Icons

[Dip](https://dip.org/)

### License

[PolyForm Shield](https://github.com/benjitaylor/agentation/blob/main/LICENSE)

## 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](https://agentation.dev/mcp)

#### Webhooks

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