** AI 코딩 에이전트 브라우저 슈퍼 파워를 사용해보십시오. **

agnt는 무엇입니까?

agnt는 AI 보조 개발 시대를 위해 설계된 새로운 도구입니다. AI 코딩 에이전트와 브라우저 사이의 다리 역할을하며, vibe 코딩 세션에서 가능한 것을 확장합니다.

Claude Code, Cursor, 또는 기타 AI 코딩 도구와 함께 흐름에있을 때, agnt는 귀하의 에이전트를 허용합니다.

-** - 스크린 샷, DOM 검사 및 시각적 디버깅 -Hear from you direct - 브라우저에서 에이전트로 메시지 보내기 -Sketch Ideas together - UI에서 와이어 프레임을 직접 그리기

• ** 실시간 디버그 ** - 캡처 오류, 네트워크 트래픽 및 성능 통계
• ** 어떤 장치에서 테스트 ** - 전화 및 BrowserStack에 터널
• ** 생각 창을 확장 ** - Structured data uses someer token than your description

데모

• 3 라운드 블라인드 터미널 자동화는 반 화면의 버튼을 고정 할 수 없습니다. 라이브 페이지의 눈으로 한 패스를 할 수 있습니다 — 전체 데모 (1:40).*

Draw wireframe을 실행중인 앱에서 직접 입력한 다음 AI Agent로 보내주세요.

비전: 에이전트의 역량을 확장

agnt

Give your AI coding agent browser superpowers.

What is agnt?

agnt is a new kind of tool designed for the age of AI-assisted development. It acts as a bridge between your AI coding agent and the browser, extending what’s possible during vibe coding sessions.

When you’re in the flow with Claude Code, Cursor, or other AI coding tools, agnt lets your agent:

• See what you see - Screenshots, DOM inspection, and visual debugging
• Hear from you directly - Send messages from the browser to your agent
• Sketch ideas together - Draw wireframes directly on your UI
• Debug in real-time - Capture errors, network traffic, and performance metrics
• Test on any device - Tunnel to phones and BrowserStack with full instrumentation
• Extend its thinking window - Structured data uses fewer tokens than your descriptions

Demo

Three rounds of blind terminal automation can’t fix a button that’s half off-screen. One pass with eyes on the live page can — full demo (1:40).

Draw wireframes directly on your running app, then send them to your AI agent

The Vision: Extending Your Agent’s Capabilities

Traditional AI coding assistants are blind to what’s happening in the browser. They can write code, but they can’t:

• See the visual result of their changes
• Know when JavaScript errors occur
• Understand layout issues you’re experiencing
• Receive feedback without you typing it out

agnt changes this. It creates a bidirectional channel between your browser and your AI agent:

┌─────────────────┐      ┌─────────────────┐      ┌─────────────────┐
│   Your Browser  │ ←──► │      agnt       │ ←──► │   AI Agent      │
│                 │      │                 │      │                 │
│  - See changes  │      │  - Proxy traffic│      │  - Receives     │
│  - Send notes   │      │  - Capture errors│     │    context      │
│  - Draw sketches│      │  - Inject tools │      │  - Acts on      │
│  - Click to log │      │  - Route messages│     │    feedback     │
└─────────────────┘      └─────────────────┘      └─────────────────┘

Quick Start

Installation

npm (recommended):

npm install -g @standardbeagle/agnt

pip/uv:

pip install agnt
# or
uv pip install agnt

From source: