AGUI - Agentic Generative User Interface

An interactive workspace for your AI conversation.

Symbiote AGUI lets your AI agent create a browser interface for the task you are working on together. Explore data, fill in forms, compare options, or work through a checklist while your agent responds to your choices and updates the interface.

Documentation npm GitHub

From Conversation to Interface

Some tasks are easier to work through visually. A comparison benefits from a table with filters; a plan needs priorities and checkboxes; a collection of data needs a dashboard. AGUI gives your agent a place to build these interfaces as part of your conversation.

Describe what you need, use the page your agent creates, and continue the conversation to refine it. The interface runs on your computer and opens in your regular browser. Your agent handles the code.

How It Works

Your agent creates a named session and supplies its interface. AGUI renders the page and sends your interactions back to the agent, which can update it as the task changes.

UI actions are exposed as WebMCP tools and invoked through Symbiote.js's public API over WebSockets. Named actions and structured inputs reduce the need for DOM inspection, screenshot analysis, and fragile click sequences. The control channel is scoped to the AGUI page and its exposed actions, and your browser needs no drivers or remote debugging.

AGUI runs locally by default. Agents can operate it through the CLI, with optional MCP integrations for environments that support them.

Key Features

  • Interfaces for the task at hand - planners, forms, dashboards, filters, and comparison views that evolve with your conversation.
  • Named sessions - reopen saved interfaces for recurring tasks and manage several workspaces independently.
  • Browser session manager - browse running and saved interfaces, search their descriptions, and start, stop, sync, clear, or share them.
  • Live sharing - let other people watch updates through a read-only viewer link while one person interacts.
  • Shared team libraries - keep interface definitions and descriptions in Git so teammates and agents can discover, reuse, and improve them.

Getting Started

You need Node.js 24 or newer and an AI agent that can run shell commands.

Install the AGUI skill for your agent:

npx skills add rnd-pro/symbiote-agui --skill symbiote-agui

Choose your agent in the installer, then ask it for an interface:

Use Symbiote AGUI to create a weekly planner where I can prioritize tasks and check them off.

Your agent runs AGUI through npx symbiote-agui and opens the page. Use the interface and ask for changes as you work.

Manage Your Sessions

Open the built-in session manager:

npx symbiote-agui manager

The manager works independently of your agent and stays available when you stop all sessions. You can also list sessions and reopen saved interfaces from the terminal:

npx symbiote-agui status all
npx symbiote-agui start all
npx symbiote-agui stop all

Stopping a session keeps its saved interface. Reopening restores the interface definition; previous inputs and task progress are not saved automatically.

Share a Live View

Ask your agent to enable a public tunnel and provide a viewer link. AGUI creates the tunnel without requiring a Cloudflare account or domain. One person interacts while viewers follow the updates.

Anyone with a public link can open it. Links are temporary, and your computer and session must remain running. The session manager can check or renew tunnels when a link stops working. See the sharing behavior and limits.

Build a Team Library

Choose a folder in your team's Git checkout:

npx symbiote-agui config folder ./aguis

AGUI stores each interface as an HTML file with a Markdown description. Commit the folder and .agui.json through your normal Git workflow so your team can reuse interfaces and review changes. Runtime connections and control tokens stay on your computer.

Without a configured folder, AGUI uses its private cache. The team library guide covers discovery, descriptions, and syncing running interfaces.

Built with Our Open-Source Stack

Symbiote.js and its Runtime Agnostic Templates provide reactive interfaces built from portable HTML. JSDA-Kit serves pages and assets on demand, so AGUI runs without a separate application build setup.

Open Source

AGUI is released under the MIT license. Contributions, feedback, and reusable interface ideas are welcome.

Documentation npm GitHub
26.08.2026
Agentic EAM
The future of Enterprise Asset Management
23.06.2026
Chaos Engineering
When everything is Chaos
21.06.2026
Extensible Markdown
The old/new standards for the agentic era
06.07.2026
JSDA-Kit 1.6.x -- What's New?
Features for Richer Static Output
03.06.2026
Symbiote.js & WebMCP
The important part of modern web usability
28.05.2026
Symbiote.js v3.7.x
What's new?
10.05.2026
How to interview
A practical guide to technical interviews as a soft skill
03.05.2026
Symbiote VS Lit
David and Goliath: differences, pros and cons...
15.04.2026
R&D: How to?
The Art of Managing Uncertainty in Software Development
11.12.2025
JSDA is very simple
A new, simple, but powerful way to build modern web applications.
14.12.2024
Web Images: The Ultimate Solution
How to manage and publish your web media like a pro?
14.10.2024
AUTOBOX v1
How we built photogrammetry machine
14.10.2024
ComplexScan
Hardware solution for radical reducing costs of product photos retouching
7.10.2024
PhotoPizza
Open-source DIY turntable for 360-degree product photography, photogrammetry, and heavy-duty automated shoots.
28.09.2024
It was really possible?
Symbiote.js as an answer to many questions
17.09.2024
Smart HTML-tags
Simple recipe with the Artificial Intelligence
26.08.2024
AI as a Platform
New risk for our jobs or new opportunities?
10.05.2024
The path of Full Stack
How to be efficient in multiple development areas?
18.01.2024
Symbiote.js 2.x
Next generation of Symbiote.js is released. Let's see what's new...
01.01.2024
Japanese Netsuke in 3D
History + Art + Technology: What's the result?
RND-PRO.com © 2026 | Built with JSDA-Kit