AI エージェント用のビジュアル UI アノテーション ツール。 React ツールバーを任意のアプリにドロップします。人間は要素をクリックしてフィードバックを残し、エージェントは構造化された CSS セレクター、境界ボックス、および React コンポーネント ツリーを受け取り、正確なコードを見つけます。 MCP ウォッチループ、プラットフォーム固有のフック (Claude Code / Codex / Gemini CLI / OpenCode)、Webhook 配信、およびエージェント ブラウザによる自律自動運転の批評をサポートします。
コマンドラインで agentation AI スキルを開発環境にすばやくインストール
ソース: supercent-io/skills-template。
The missing link between human eyes and agent code. Instead of describing "the blue button in the sidebar," you hand the agent .sidebar > button.primary. It can grep for that directly.
| Copy-Paste | Human annotates → clicks Copy → pastes markdown into agent chat | | Agent Sync | endpoint prop connects toolbar to MCP server → agent uses agentationwatchannotations loop |
Requirements: React 18+, desktop browser, zero runtime deps beyond React (desktop only — no mobile)
AI エージェント用のビジュアル UI アノテーション ツール。 React ツールバーを任意のアプリにドロップします。人間は要素をクリックしてフィードバックを残し、エージェントは構造化された CSS セレクター、境界ボックス、および React コンポーネント ツリーを受け取り、正確なコードを見つけます。 MCP ウォッチループ、プラットフォーム固有のフック (Claude Code / Codex / Gemini CLI / OpenCode)、Webhook 配信、およびエージェント ブラウザによる自律自動運転の批評をサポートします。 ソース: supercent-io/skills-template。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/supercent-io/skills-template --skill agentationAI エージェント用のビジュアル UI アノテーション ツール。 React ツールバーを任意のアプリにドロップします。人間は要素をクリックしてフィードバックを残し、エージェントは構造化された CSS セレクター、境界ボックス、および React コンポーネント ツリーを受け取り、正確なコードを見つけます。 MCP ウォッチループ、プラットフォーム固有のフック (Claude Code / Codex / Gemini CLI / OpenCode)、Webhook 配信、およびエージェント ブラウザによる自律自動運転の批評をサポートします。 ソース: supercent-io/skills-template。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/supercent-io/skills-template --skill agentation インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/supercent-io/skills-template