#9191st of 259 in Skills, plugins and prompts
agentation
React toolbar for annotating page elements to give coding agents feedback
Documentation ↗
(opens in a new tab)Website ↗
(opens in a new tab)Repository on GitHub ↗
(opens in a new tab)
- Stars
- 5k
- License
- custom license
- Last commit
- Sep 2026
- Last release
- Sep 2026
- Language
- TypeScript
Missed the latest GitHub check; these facts may be older.
Overview
Agentation is a React component that adds a toolbar to your app. You click elements, select text or drag areas, add notes, and copy markdown with selectors, positions and context so a coding agent can grep for the code. An optional MCP server (npx -y agentation-mcp server) syncs annotations to the agent over HTTP.
Who it is for: React developers who hand UI feedback to AI coding agents
Strengths
- Outputs selectors and positions an agent can grep, instead of prose descriptions
- Works with any agent via copy-paste; MCP endpoint is optional
- No runtime dependencies beyond React peer dependencies
- Selects inside open shadow roots and same-origin iframes
Weaknesses
- Requires React 18+; no other frameworks listed
- Desktop browsers only; mobile not supported
- PolyForm Shield 1.0.0 license is source-available, not OSI open source
- Direct sync needs a separate local MCP server process
What it needs
- no GPU
- Needs React 18+, agentation-mcp (optional)
- port 4747
Also in Skills, plugins and prompts
See all 259| Rank | Project | Score |
|---|---|---|
| 1 | impeccableDesign skill with 24 slash commands for AI coding agents' frontend output | 96 out of 100 |
| 2 | cavemanCuts token use in coding agents with terse replies and compressed inputs | 95 out of 100 |
| 3 | skillsAgent skills for planning, TDD, debugging and code review | 94 out of 100 |
| #4 | eccAgents, skills, hooks and rules bundle for Claude Code, Codex and other harnesses | 94 out of 100 |
| #5 | oh-my-claudecodeMulti-agent orchestration plugin and CLI for Claude Code | 94 out of 100 |