SA

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

22 stars 1 forks Качество 80 Тренд 30Apache-2.0

MCP Server for Development Tooling - обнаружение проектов, управление процессами и обратный прокси-сервер с интерфейсным оборудованием

Обзор

это новый вид инструмента, разработанный для эпохи разработки с помощью ИИ. Он действует как мост между вашим агентом кодирования ИИ и браузером, расширяя то, что возможно во время сеансов кодирования. Когда вы находитесь в потоке с Claude Code, Cursor или другими инструментами кодирования ИИ, Agnt позволяет вашему агенту: Скриншоты, проверка DOM и визуальная отладка - Отправляйте сообщения из браузера вашему агенту - Нарисуйте каркасы непосредственно на вашем пользовательском интерфейсе - Ошибки захвата, сетевой трафик и показатели производительности - Туннель на телефоны и BrowserStack с полным оборудованием - Структурированные данные используют меньше токенов, чем ваши описания Три раунда слепой автоматизации терминала не могут исправить кнопку, которая наполовину за кадром. Один проход с глазами на живой странице можно — полная демоверсия (1:40). Нарисуйте каркасы непосредственно в вашем запущенном приложении, а затем отправьте их своему агенту ИИ. Традиционные помощники по кодированию ИИ слепы к тому, что происходит в браузере.

Обзор (машинный перевод)

** Дайте вашему браузеру суперспособности агента кодирования ИИ.**

Что такое агент?

agnt — это новый вид инструмента, разработанный для эпохи развития с помощью ИИ. Он действует как мост между вашим агентом кодирования ИИ и браузером, расширяя то, что возможно во время сеансов кодирования.

Когда вы находитесь в потоке с Claude Code, Cursor или другими инструментами кодирования ИИ, Agnt позволяет вашему агенту:

** Посмотрите, что вы видите ** - Скриншоты, проверка DOM и визуальная отладка Слушайте напрямую - Отправляйте сообщения из браузера своему агенту ** Нарисуйте идеи вместе ** - Нарисуйте каркасы прямо на вашем пользовательском интерфейсе ** Отладка в режиме реального времени** - ошибки захвата, сетевой трафик и показатели производительности ** Тест на любом устройстве** - туннель на телефоны и BrowserStack с полным набором инструментов ** Расширьте свое окно мышления ** - Структурированные данные используют меньше токенов, чем ваши описания

Демо

Три раунда слепой автоматизации терминала не могут исправить кнопку, которая наполовину за кадром. Один проход с глазами на живой странице можно — полная демоверсия (1:40).*

  • Нарисуйте каркасы проводов непосредственно в вашем запущенном приложении, а затем отправьте их своему агенту ИИ*

Оригинальное название: The Vision: Extending Your Agent’s Capabilities

Эта страница переведена автоматически. Технические детали смотрите в оригинале.

README

Показан фрагмент оригинального README. Открыть оригинал.

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:

Открыть полный README на GitHub

Установка

This server does not publish a one-line install command.

Open the repository installation guide Новичок в MCP? Начните с руководства на mcpskill.org →

Конфигурация

{ "mcpServers": { "agnt": { "command": "agnt", "args": ["mcp"] } } }