agentfirst.directory

Agentation

Agent-enablingSource Available

Visual UI annotation and structured feedback for AI coding agents

Visit websiteGitHub
Agentation preview

Overview

About Agentation

This summary uses submitted and public product material. Only source-mapped claims are documentation reviewed.

Agentation is a visual feedback layer for AI coding agents. Its current docs position it as a floating toolbar that lets you click elements, select text, and generate structured markdown that tools like Claude Code and Codex can use to find the right code and apply UI fixes.

Features

  • Floating in-browser toolbar for annotating elements, text selections, and layout regions
  • Structured markdown output with selectors, DOM context, and optional component information
  • React-aware component detection to help agents map page elements back to source code
  • Multiple output detail levels for quick copy edits or deeper debugging context
  • Installation flow for React and Next.js projects plus a Claude Code setup path

So agents can…

  • Turn vague visual feedback into precise code-editing instructions tied to real selectors
  • Fix UI spacing, copy, and component behavior with less back-and-forth from the user
  • Iterate on frontend details by copying structured annotations directly into an agent session

Listing decision

Why Agentation is listed

Agentation captures and structures a person’s visual feedback so a separate coding agent can locate and change the relevant UI code; it enables that agent rather than acting autonomously itself.

Before you choose

Fit and limitations

Best for

React teams reviewing an in-development interface who want precise selectors, layout context, and annotations delivered to coding agents by copy/paste, MCP, or webhook.

Known limitations

The documented package requires React 18+ and a desktop browser; mobile is unsupported, and the integration should load only in development. PolyForm Shield also restricts competing use.

Not yet verified

First-party documentation does not publish a standalone price schedule for commercial redistribution licences.

Sources

Sources and verification

First-party unless marked otherwise. Each link supports only its adjacent claim.

  1. Agentation documentation — annotations, MCP, webhooks, and licensing

    The official documentation describes structured UI annotations for coding agents, MCP and webhook delivery, and free internal use with a commercial license required for redistribution in a sold product.

    official documentation · accessed Sep 3, 2026
  2. Agentation repository — installation, features, and browser requirements

    The maintained repository documents the React package, selector-rich Markdown output, and requirements of React 18+ and a desktop browser, with mobile unsupported.

    official repository · accessed Sep 3, 2026
  3. Agentation skill — development-only and MCP setup

    The first-party skill instructs projects to load Agentation only in development and documents the local MCP server and annotation tools.

    official documentation · accessed Sep 3, 2026
  4. Agentation license — PolyForm Shield 1.0.0

    The source is available under PolyForm Shield 1.0.0, which permits use, modification, and distribution but prohibits competing products or services.

    official license · accessed Sep 3, 2026

Related tools

Comments