agnt — the browser and process companion to lci
lci提供亞毫秒代碼搜索及符號智能。運行代碼並觀察結果——開發服務器、反向代理、瀏覽器調試、截圖、控制台錯誤、a11y/perf/安全審計——用同一市場的兄弟插件agnt。
When to reach for agnt instead of lci
- "Start the dev server and proxy it so I can see browser errors" → agnt
dev-proxy - "Take a screenshot of the current page" → agnt
screenshot - "Are there JavaScript errors in the browser right now?" → agnt
check-errors/error-monitor - "Run an accessibility / performance / SEO / security audit" → agnt
audit-a11y,audit-performance,audit-seo,audit-security - "Wireframe this page" → agnt
sketch-mode - "Debug this UI interaction" → agnt
browser-debug - 任何需要實時渲染DOM而非源碼之事
Install
agnt與lci同在standardbeagle-tools市場:
claude mcp add agnt --source ./plugins/agnt
或從市場與lci並肩安裝。二插件設計共存——無重疊鉤子,無MCP服務器衝突。
Typical split in a session
| task | plugin |
|---|---|
| Find where a React component is defined | lci |
| Start dev server, reverse proxy, watch browser errors | agnt |
Trace what calls processPayment() across the repo |
lci |
| Screenshot + a11y audit of the rendered page | agnt |
explore-codebase before implementing a feature |
lci |
qa-test / audit-security on the running app |
agnt |
使用lci時若需運行代碼並觀察結果,即為引入agnt之信號。