Agentation
開発中の画面上で要素にコメントを付け、構造化されたコンテキストを AI コーディングエージェントに渡す。
Platforms
Web
Pricing Free
Agentation は npm install で導入できるオーバーレイで、UI への視覚的なフィードバックを Claude Code、Cursor、Codex などの AI コーディングエージェント向けに構造化コンテキストに変換します。ローカル開発サーバーでツールバーを起動し、好きな要素をクリックしてメモを書くと、CSS セレクタ、ソースファイルのパス、React コンポーネントツリー、computed style、そして書き込んだ意図を含んだペイロードを出力してくれます。エージェントが「該当の一行」にたどり着くために必要な情報がひと通り揃った形です。
使い方は Markdown をコピペするスタイルと、MCP 連携でエージェントに直接アノテーションを読ませるスタイルの 2 通り。後者なら「フィードバックに対応して」「アノテーション 3 を直して」と頼むだけで済みます。公開済みの Annotation Format Schema (AFS)、Webhook、API も用意されていて、トップページ自体がツールバー起動状態の動くデモになっているところからも、マーケティング用の張りぼてではなく本物のインディーツールだと分かります。