benjitaylor/agentation
The visual feedback tool for agents. observed · 2026-08-28
Health v2 · maintenance only
54/100
- Activity 86
- Release rhythm 35
- Longevity 16
Flags: no_releases no_license
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 228
- days_rel: n/a
- days_push: 87
- n_releases_24m: 0
Adoption not part of the score
4456 stars · 352 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
Agentation is a React component (npm package) that adds a floating toolbar to web apps, letting users click elements, select text, and annotate UI to generate structured markdown feedback for AI coding agents. It captures CSS selectors, source file paths, React component trees, and computed styles so agents can grep and locate the exact code being referenced, with optional MCP server integration for real-time agent sync.
Use cases
- annotate UI elements to give AI coding agents precise feedback
- generate structured markdown with CSS selectors for Claude Code or Cursor
- pause page animations to capture and annotate specific UI states
- select text on a page to flag copy or typo fixes for an agent
- rearrange page layout and send placement instructions to an agent
- connect annotations to agents in real time via MCP server
- inspect computed styles and React component hierarchy of page elements
When to choose
- you iterate on a React or Next.js app with AI coding agents like Claude Code, Cursor, Codex, or Windsurf
- you want to replace vague descriptions like 'the blue button in the sidebar' with grep-able selectors and file paths
- you need to annotate animations, text, or multi-element regions during design review
- you want bidirectional agent communication through MCP instead of copy-paste
When to avoid
- your app is not React 18+ (the component requires React)
- you need mobile browser support (desktop only)
- you need a permissively licensed dependency (PolyForm Shield 1.0.0 is not OSI-approved open source)
- you work outside a codebase-connected agent workflow and just want simple screenshot annotation
Facets
library · maturity active
developer-tools ui-components mcp web-framework developer-tools frontend web-development large-language-models browser ai-coding-agents visual-feedback ui-annotation react-component claude-code cursor mcp-server design-feedback element-inspection polyform-license ai-agents web-server nodejs desktop
6 sources
- readme: https://github.com/benjitaylor/agentation · fetched 2026-08-28 · 5502948dab12
- homepage: https://agentation.com · fetched 2026-08-29 · d5b90a16ebb9
- site_page: https://www.agentation.com/install · fetched 2026-08-29 · 0c828d5776e5
- site_page: https://www.agentation.com/features · fetched 2026-08-29 · 13c13251f5b2
- site_page: https://www.agentation.com/changelog · fetched 2026-08-29 · 4c7311ef88de
- site_page: https://www.agentation.com/faq · fetched 2026-08-29 · 78db0588d6c5
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| benjitaylor/agentation | main | 54 |
For agents
markdown · JSON · MCP: product_card(name="benjitaylor/agentation")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem