AIコーディングエージェントのブラウザのスーパーパワーを有効にします。

Agntとは?

※「agnt**」は、AI支援開発時代に向けた新しいツールです。 お使いのAIコーディングエージェントとブラウザ間でブリッジとして機能し、バイブコーディングセッション中に何ができるかを拡張します。

クロードコード、カーソル、またはその他のAIコーディングツールで流れていると、アグネットはエージェントを割り当てます。

-** - スクリーンショット、DOM検査、およびビジュアルデバッグ -あなたから直接 - ブラウザからあなたのエージェントにメッセージを送信する

• スケッチのアイデアを一緒に - あなたのUIに直接線枠を引く
• リアルタイムでデバッグ - エラー、ネットワークトラフィック、およびパフォーマンスメトリックのキャプチャ
• すべてのデバイスでテスト - 電話とブラウザへのトンネル完全な計測
• 思考ウィンドウを拡張 - 構造化されたデータは、説明よりも少ないトークンを使用します

デモ

※ブラインド端末の自動化の3ラウンドは、ハーフオフスクリーンのボタンを固定できません。 ライブページの目で1つのパスは、フルデモ(1:40)できます。*

※ランニングアプリで直接ワイヤフレームを描画し、AIエージェントに送信してください*

ビジョン:エージェントの能力を拡張する

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: