AIGUI

Name: AIGUI
Author: liliang-cn

作者：liliang-cn版本 0.49.0i★ 0i在你的电脑上运行

注册名称io.github.liliang-cn/aigui

安装

概览

作者提供的说明（英文原文）

Let coding agents draw charts, diagrams, 3D, molecules and animated topologies as PNGs or live pages

PopNx MCP 的三大支柱

这三项永远不会合并成一个分数：意见、测量和人气是不同的东西。

用户评价i暂无评价评价功能将在后续阶段与账户功能一起开放
我们的基础检查i2 项中通过 2 项依据公开信息检查；尚未扫描代码
使用情况i非常新↓ 75/周 · ★ 0

它能帮你做什么

我们还没有为它写通俗的介绍。下面是我们从注册中心读取到的事实。

连接方式: 在你的电脑上运行
传输方式: stdio
分类: 设计、图片与音频

安装

选择你使用的 AI 应用，然后复制设置。

安装之前

基础检查：2 项中通过 2 项
在你的电脑上运行，拥有你的用户账户的权限（文件、网络、应用）。
注册中心没有列出需要填写的密钥。

你需要

npm已安装 Node.js（用于 npx 命令）

你用的是哪个应用？

ClaudeClaude CodeCursorVS CodeChatGPT

在上方选择你的应用。我们会记住它，下次按钮会显示“安装到 …”。

打开 Claude Desktop → Settings → Developer → Edit Config，把下面的内容粘贴到 claude_desktop_config.json

{
  "mcpServers": {
    "aigui": {
      "command": "npx",
      "args": [
        "-y",
        "@ai-gui/mcp"
      ]
    }
  }
}

在终端中运行这条命令

claude mcp add aigui -- npx -y @ai-gui/mcp

在 Cursor 中打开

或者自己复制设置

粘贴到项目中的 .cursor/mcp.json，或 ~/.cursor/mcp.json

{
  "mcpServers": {
    "aigui": {
      "command": "npx",
      "args": [
        "-y",
        "@ai-gui/mcp"
      ]
    }
  }
}

浏览器会先询问是否打开应用，然后应用会显示设置并请你确认。密钥的值会留空，由你自己填写。

在 VS Code 中打开

或者自己复制设置

粘贴到项目中的 .vscode/mcp.json

{
  "servers": {
    "aigui": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@ai-gui/mcp"
      ]
    }
  }
}

浏览器会先询问是否打开应用，然后应用会显示设置并请你确认。密钥的值会留空，由你自己填写。

这个服务器在你的电脑上运行，而 ChatGPT 只能连接互联网上的服务器。请选择其他应用。

你的选择通过 Cookie 保存在这台设备上，无需账户。

这些设置是根据作者在注册中心的条目生成的。如果 README 的写法不同，请以 README 为准。

哪些应用可以使用它

依据这个服务器的连接方式和各应用自己的文档，检查于 2026年11月10日。

在你的电脑上运行，适用于

Claude Goose LM Studio Msty Studio Cherry Studio Cursor VS Code + GitHub Copilot Visual Studio Windsurf (Devin Desktop)Zed Kiro Cline Continue JetBrains AI Assistant Claude Code Codex CLI Gemini CLI OpenCode nodecode Warp LibreChat Raycast

全部应用及其优缺点 →

它能做什么

它在你的电脑上运行；安装后，工具列表会显示在你的 AI 应用中。

基础检查i

我们检查的是任何人都能看到的信息；我们没有阅读代码。不适用的检查项不计入总数。 · 检查于 2026年11月11日

✓ 通过
作者与仓库一致
注册名称已通过 GitHub 账户 liliang-cn 验证，该账户拥有此仓库
✓ 通过
仍在维护
代码最后更新于32天前
… 尚未检查
有许可证
我们还没有从 GitHub 读取这个仓库
– 不适用
端点有响应
它在你的电脑上运行，没有互联网端点
– 不适用
使用 OAuth 登录
在你的电脑上运行，改用本地设置
… 尚未检查
工具描述中没有隐藏指令
它在你的电脑上运行；我们只能读取互联网端点的工具列表

与“设计、图片与音频”中的其他服务器比较i

星标数多于此分类中其他 2892 个服务器的 0%
发布到注册中心的时间比此分类中其他 2892 个服务器的 46% 更新
基础检查结果等于或优于此分类中其他 2892 个服务器的 100%

与注册中心里这个分类中所有活跃的服务器比较。只有当发布者拥有该仓库时，星标数才计入。

常见问题

AIGUI 安全吗？

它在 2 项适用的基础检查中通过了 2 项。我们没有阅读代码。在添加密钥或令牌之前，请先看看这个服务器要求哪些权限，并使用只具备所需权限的密钥。

它需要哪些密钥或代码？

注册中心没有列出必需的密钥，不过有些服务器会在首次使用时要求你登录。

它在我的电脑上运行还是在云端？

它在你的电脑上运行。你的 AI 应用会在需要时启动它，数据不会经过作者的服务器（除非它自己调用在线服务）。

它还在维护吗？

GitHub 仓库最后更新于32天前，最新版本（0.49.0）于32天前进入注册中心。

哪些应用可以使用它？

支持 MCP 的应用，例如 Claude Desktop、Claude Code、Cursor 和 VS Code。你的电脑上还需要有 Node.js。

有什么可以替代它？

同一分类中有：Next AI Draw.io, Pascal 3D Editor, screenpipe

替代选择

同一分类中其他作者的服务器，按星标数排序。

如何看卡片：↓ 每周下载量i★ GitHub 星标i三大支柱：评价 · 检查 · 使用情况i更新 = 最新版本发布到注册中心的时间i

Next AI Draw.io

draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand

作者：DayuanJiang广泛使用↓ 2.2万/周★ 3.7万4天前更新

在你的电脑上运行

安装

Pascal 3D Editor

Create, inspect, validate, and save editable 3D building scenes with Pascal's MCP server.

作者：pascalorg广泛使用↓ 1037/周★ 2.5万今天更新

电脑或云端✓ pascal.app

安装

screenpipe

Search your local screen recordings, audio transcripts, and computer activity from screenpipe.

作者：screenpipe广泛使用↓ 6626/周★ 2.2万8天前更新

在你的电脑上运行

安装

作者的 README

打开 README

按原文从作者的仓库复制。PopNx MCP 没有审查或背书其内容。HTML、图片和脚本已被移除。链接会离开本站。

@ai-gui/mcp

Let your coding agent draw. An MCP server — and the engine of the AIGUI plugin for Claude Code and Codex — that turns charts, diagrams, maths, 3D scenes, molecules, orbits, dashboards and step-by-step infrastructure topologies into PNGs the agent can check, or a live page in your browser.

Live demos · Source · All packages

Install

Claude Code — the plugin also brings the skills that tell the agent when a picture beats text:

/plugin marketplace add liliang-cn/aigui

/plugin install aigui@aigui

Codex:

codex plugin marketplace add liliang-cn/aigui

codex plugin add aigui@aigui

Any MCP client — run aigui-mcp over stdio:

npm install -g @ai-gui/mcp@0.49.0

claude mcp add aigui -- aigui-mcp

Requires Node.js 18.11+. The first drawing downloads a headless browser (about 100 MB, once); everything runs locally, with no account or API key.

What it draws

21 block types: ECharts charts (3D too), Mermaid, KaTeX, dashboards and data walls, 3D scenes, molecules from SMILES, orbits and collisions, topologies whose steps play, knowledge graphs, geometry, function plots, optics, mechanics, labelled figures, candlesticks, tables and more. Nine of them render straight to PNG; all of them draw in a page.

Tools

Tool	What it does
`aigui_guide`	Lists the blocks, or returns the exact syntax for the ones named — read before writing a block.
`aigui_render`	Draws the blocks in a markdown string as PNGs, returned to the agent and saved to disk.
`aigui_open`	Opens the whole answer as a live page: charts to hover, 3D to turn, topologies and walls that play.
`aigui_edit`	Changes part of a page by find-and-replace, without sending the whole answer again.
`aigui_export`	Saves a page as PNG, PDF, one self-contained HTML file, or a GIF / WebM of it playing.
`aigui_topology`	Draws a system from its docker-compose file or Kubernetes manifests.
`aigui_feedback`	Reads the comments the user left on a page's blocks.

Why it can be trusted

Numbers come from your files. Pass data: {"sales": "/abs/path/sales.csv"} and write {"$data":"sales","column":"revenue"} in the chart — or pick, sum, count, max, min, avg. The figures are read from the file, never retyped by the model, and the result names the file behind each block.
Every drawing is checked. A headless browser looks for labels on top of each other, text cut off or under 9 px, poor contrast and crowded charts, and tells the agent to fix them before you see anything.
Topologies from real config. aigui_topology reads what is actually deployed, not what the model remembers.
Local. Pictures go to ~/.cache/aigui/images, pages to ~/.cache/aigui/pages, listed newest first in pages/index.html. A page loads nothing from the network.

Custom blocks

Add your own block type in three files — no build step, no fork:

npx @ai-gui/cli plugin new ticket   # writes ~/.config/aigui/plugins/ticket/

File	What it is
`aigui.json`	Name, fences, a one-line description, whether it may render to PNG
`plugin.js`	A plain browser script registering an `AIGuiPlugin`: `(globalThis.__aiguiPacks ??= {}).ticket = (theme, still) => [...]`. Its HTML is sanitized like any plugin's.
`spec.md`	The rules the model follows to write the block

It then appears in aigui_guide as [custom] and draws in pages, PNGs and exports. Blocks installed when a session starts are named in the tool descriptions too: in a measured run, agents used a custom block in 9 of 9 sessions with that, against 5 of 9 without. A broken folder is skipped with its reason; a name that collides with a built-in block is refused.

Comments from the page

While the session runs, pages are served on 127.0.0.1 (a port the system picks) with a Comment button: pick a block, say what should change, send. The agent reads it with aigui_feedback and edits the page. Only the pages directory is served.

Configuration

Variable	Effect
`AIGUI_OUT_DIR`	Where pictures and pages go. Default `~/.cache/aigui` (`XDG_CACHE_HOME` honoured).
`AIGUI_NO_OPEN=1`	Write pages without opening them.
`AIGUI_OPEN_IMAGES=1`	Also open `aigui_render`'s PNGs in the image viewer — the plugins set it, since a terminal cannot show images.
`AIGUI_PLUGIN_DIR`	Where custom blocks live. Default `~/.config/aigui/plugins`.
`AIGUI_NO_BROWSER_DOWNLOAD=1`	Skip the headless-browser download; draw with an installed Chrome or Edge.
`AIGUI_BROWSER_CHANNEL`	Pin a browser: `chromium`, `chrome` or `msedge`.

Programmatic use

import { createServer, callTool, renderToContent, writePage } from "@ai-gui/mcp"

createServer() returns the McpServer unconnected, for a host with its own transport; callTool(name, args) runs one tool directly.