ggui

概述

ggui 提供了一个通用接口层，AI 智能体可以用自然语言描述 UI 需求，系统通过 MCP 即时生成短暂的交互式界面。无需前端代码、React 模板或自定义组件。该项目包含可自托管的服务器实现，以及用于服务器端和客户端集成的包。该协议通过 MCP 工具和 WebSocket 连接，设计为在 AI 智能体和人类用户之间进行运行时协商。

试试问 AI

装完之后，这里有 5 个你可以让 AI 做的事：

• ggui_push

  Push a UI to the user (natural-language prompt + data)

  试试:Create a customer dashboard showing sales metrics试试:Build a form for user feedback with rating and comments
• ggui_update

  Update props on an existing UI (no regeneration, ~200ms)

  试试:Update the dashboard with new sales data试试:Change the form's validation rules
• ggui_handshake

  Initial session bootstrap

  试试:Initialize a new session for the user dashboard试试:Establish a connection for the feedback form
• ggui_search_blueprints

  Search for available UI blueprints

  试试:Find dashboard templates for analytics试试:Search for form blueprints in the catalogue
• ggui_render_blueprint

  Render a specific blueprint with data

  试试:Render the sales dashboard blueprint with current data试试:Generate a user profile form using the blueprint
• ggui_validate_blueprint

  Validate a blueprint's structure and requirements

  试试:Check if the dashboard blueprint is properly configured试试:Validate the form blueprint before deployment

可对比工具

安装

# 安装 CLI
npm install -g @ggui-ai/cli

# 创建新服务器
npm create ggui-server@latest my-app
cd my-app
npm install

# 启动服务器
npx ggui serve

{
  "mcpServers": {
    "ggui": {
      "url": "http://127.0.0.1:6781/mcp",
      "headers": { "Authorization": "Bearer dev" }
    }
  }
}

FAQ

ggui 提供哪些 MCP 工具？

ggui 提供主要工具：ggui_push（推送 UI）、ggui_update（更新现有 UI）和 ggui_handshake（初始引导），以及用于目录查找的蓝图工具。

可以在不使用 React 的情况下使用 ggui 吗？

可以，您可以使用指向查看器 URL 的 iframe 嵌入 UI，或者使用 @ggui-ai/mcp-client SDK 直接与任何兼容 MCP 的智能体运行时集成。

ggui 对比