什麼是 agentation？
用於 AI 代理的可視化 UI 註釋工具。將 React 工具列放入任何應用程式中 - 人們點擊元素並留下回饋，代理接收結構化 CSS 選擇器、邊界框和 React 元件樹以找到準確的程式碼。支援 MCP 監視循環、特定於平台的掛鉤（Claude Code / Codex / Gemini CLI / OpenCode）、Webhook 交付以及使用代理瀏覽器的自主駕駛評論。 來源：supercent-io/skills-template。
·agentation
*
agentation
✓用於 AI 代理的可視化 UI 註釋工具。將 React 工具列放入任何應用程式中 - 人們點擊元素並留下回饋，代理接收結構化 CSS 選擇器、邊界框和 React 元件樹以找到準確的程式碼。支援 MCP 監視循環、特定於平台的掛鉤（Claude Code / Codex / Gemini CLI / OpenCode）、Webhook 交付以及使用代理瀏覽器的自主駕駛評論。
如何安裝 agentation
透過命令列快速安裝 agentation AI 技能到你的開發環境
- 開啟終端機: 開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等）
- 執行安裝指令: 複製並執行以下指令：npx skills add https://github.com/supercent-io/skills-template --skill agentation
- 驗證安裝: 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
來源：supercent-io/skills-template。
SKILL.md
查看原文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 agentation- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-03-05
- 更新時間
- 2026-03-11
快速解答
如何安裝 agentation？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/supercent-io/skills-template --skill agentation 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
這個 Skill 的原始碼在哪？
https://github.com/supercent-io/skills-template
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-03-05