Getting Started

Give your AI assistant visual perception in just two steps.

1. Install Browser Extension

Currently, it is recommended to load the AgentLens extension manually via developer mode:

1. Download/Clone Repository: Get the source code of this project.
2. Open Extension Management: Visit chrome://extensions in the Chrome address bar.
3. Enable Developer Mode: Click the toggle in the upper right corner.
4. Load Extension: Click "Load unpacked" and select the packages/extension/dist folder in the project.
5. Pin Icon: After installation, it is recommended to Pin the AgentLens icon in the upper right corner of the browser. Click the icon to call up the annotation toolbar on any webpage.

2. Configure AI Assistant (MCP)

You don't need to clone or build this project. Just add the following configuration to your AI assistant (e.g., Claude Desktop or Cursor) settings:

{
	"mcpServers": {
		"agentlens": {
			"command": "npx",
			"args": ["-y", "@p2k0/agentlens-mcp"]
		}
	}
}

---

🛠️ Local Development (For Contributors)

If you want to modify the source code of AgentLens or add new features:

1. Clone Repository: git clone https://github.com/p2k0/agentlens.git
2. 安装依赖: pnpm install
3. 构建全部: pnpm run build
4. 启动开发模式: pnpm run dev