# Lci Agnt Companion

> Use when lci is installed and user needs dev server, reverse proxy, browser debugging, screenshots, or accessibility/performance/security audits of running page - points at sibling agnt plugin which lci does not duplicate. lci搜索代碼；運行代碼、觀其所為則用agnt。 Use when: dev server, browser errors, screenshots, a11y/perf/security audit, live DOM interaction.

- Skill: `aibot88/lci-agnt-companion` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add aibot88/lci-agnt-companion`
- Raw SKILL.md: https://api.skillmd.com/api/skills/aibot88/lci-agnt-companion/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: aibot88 (https://skillmd.com/u/aibot88)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/aibot88/lci-agnt-companion

---


# 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之信號。