Command Palette

Search for a command to run...

UnylyUnyly
Весь каталог

Fgui Agent Bridge

БесплатноНе проверен

MCP server that enables AI agents to operate FairyGUI Editor through structured tools, using a local JSON file queue and the editor plugin to invoke FairyGUI AP

GitHubEmbed

Описание

MCP server that enables AI agents to operate FairyGUI Editor through structured tools, using a local JSON file queue and the editor plugin to invoke FairyGUI APIs.

README

通过 MCP 或 CLI,让 CodeX之类的Agent 以结构化指令操作 FairyGUI Editor,从而实现自动拼UI界面

  • 版本:0.6.0
  • 队列协议:1.0
  • 已验证 FairyGUI Editor:6.1.4
  • 通信:本地 JSON 队列 + MCP stdio

Bridge 仓库与 FairyGUI 工程分开存放。FairyGUI 工程只需要安装插件;使用 Codex 时可额外安装 Skill。

依赖

  • Python 3.10+
  • uv
  • FairyGUI Editor
  • 使用 Codex MCP 时需要 codex 命令

AI 安装

将下面的提示词复制给能够操作本地终端和文件的 AI 编程 Agent(例如 Codex)

请帮我在这台电脑上完整安装 FairyGUI Agent Bridge。你可以执行终端命令和编辑本地文件,请实际完成安装,不要只给操作说明。

源仓库:https://github.com/Wilson520403/fgui-agent-bridge.git
目标 FairyGUI 工程:优先从当前工作区自动查找 .fairy 文件;找不到或找到多个时停下来询问我。
目标代码仓库:当前工作区;

人类安装

1. 获取 Bridge

git clone https://github.com/Wilson520403/fgui-agent-bridge.git
cd fgui-agent-bridge
uv sync --frozen

目录选择安装需要使用最新 main 分支;v0.6.0 标签不包含 --choose-project

2. 安装 FairyGUI 插件

运行下面的命令,在弹出的窗口中选择 FairyGUI 工程目录:

uv run python scripts/sync_to_project.py --choose-project --apply

脚本会先检查工程,再将插件安装到 plugins/agent-bridge/。无效目录或取消选择时不会写入文件。

也可以直接指定路径:

uv run python scripts/sync_to_project.py \
  --project /ABSOLUTE/PATH/TO/FAIRYGUI-PROJECT \
  --apply

--project 支持 .fairy 文件、FairyGUI 工程目录,或包含 FairyGUI/FairyGUI.fairy 的仓库目录。

然后重新打开 FairyGUI 工程。插件运行时目录 .agent/ 会自动创建,不要提交到 Git。

3. 注册 Codex MCP(可选)

codex mcp add fgui \
  --env FGUI_PROJECT_PATH=/ABSOLUTE/PATH/TO/FAIRYGUI-PROJECT \
  -- uv run --project /ABSOLUTE/PATH/TO/FGUI-AGENT-BRIDGE fgui-agent-mcp

检查配置:

codex mcp get fgui

修改配置后,新建一个 Codex 任务即可重新发现工具。

也可以参考仓库根目录的 .mcp.example.json 手动配置。

4. 验证

先打开 FairyGUI 工程,再执行:

uv run --project /ABSOLUTE/PATH/TO/FGUI-AGENT-BRIDGE \
  fgui-agent \
  --project /ABSOLUTE/PATH/TO/FAIRYGUI-PROJECT \
  ping

也可以先查看状态:

uv run --project /ABSOLUTE/PATH/TO/FGUI-AGENT-BRIDGE \
  fgui-agent --project /ABSOLUTE/PATH/TO/FAIRYGUI-PROJECT status

连接失败时,优先检查:FairyGUI 工程是否打开、plugins/agent-bridge/main.js 是否存在,以及 .agent/bridge.log

可选:安装 Codex Skill

Skill 不是 MCP 的必需项。需要时,将仓库中的:

.agents/skills/fgui-agent-bridge/

直接复制到目标代码工程的:

<目标工程>/.agents/skills/fgui-agent-bridge/

不需要单独运行安装脚本。

常用 CLI

以下命令均可在 Bridge 仓库目录执行;也可以为 fgui-agent 添加 --project PATH

uv run fgui-agent status
uv run fgui-agent ping
uv run fgui-agent project
uv run fgui-agent packages
uv run fgui-agent items ViewHub
uv run fgui-agent open ViewHub ViewHubBtnItem
uv run fgui-agent active
uv run fgui-agent tree
uv run fgui-agent save
uv run fgui-agent undo
uv run fgui-agent redo
uv run fgui-agent publish --scope active

创建和导入资源:

uv run fgui-agent create-component ViewHub NewPanel --width 1920 --height 1080
uv run fgui-agent import-image ViewHub /absolute/path/button.png
uv run fgui-agent create-button ViewHub NewButton --mode common

全局参数必须放在子命令前,例如:

uv run fgui-agent \
  --project /ABSOLUTE/PATH/TO/FAIRYGUI-PROJECT \
  packages

MCP 工具

工具按用途分为:

  • 连接与读取fgui_statusfgui_pingfgui_get_projectfgui_list_packagesfgui_list_itemsfgui_get_active_documentfgui_get_treefgui_get_history
  • 导航与修改fgui_open_documentfgui_select_objectfgui_set_propertyfgui_insert_objectfgui_remove_object
  • 创建资源fgui_create_componentfgui_import_imagefgui_create_button
  • 保存与回退fgui_save_documentfgui_save_allfgui_discard_documentfgui_undofgui_redo
  • 发布fgui_get_publish_settingsfgui_publish

MCP 只提供显式工具;CLI 的 call 仅用于调试原始 Action。

当前限制

  • 暂不支持字体、音频、Spine 等非图片资源导入。
  • 暂不支持删除、移动或重命名包资源。
  • 暂不支持批量布局和批量属性事务。
  • Windows 尚未完成真实环境端到端验证。

更新

git pull
uv sync --frozen
uv run python scripts/sync_to_project.py --choose-project --apply

更新插件后重新打开 FairyGUI 工程。只有 MCP 启动命令或 Bridge 仓库路径变化时,才需要重新登记 MCP。

开发维护

  • FairyGUI 插件源码:plugin/main.ts
  • 插件运行文件:plugin/main.js
  • Python MCP/CLI:src/fairygui_agent/
  • Codex Skill:.agents/skills/fgui-agent-bridge/
  • 同步脚本:scripts/sync_to_project.py

修改插件源码后,需重新生成并提交 plugin/main.js;版本号需同步更新到 plugin/package.jsonpyproject.toml、Python __version__ 和插件源码/运行文件。

其他开源库推荐

  • 蓝湖 MCP,配合本工具,可以用 CodeX 之类的 Agent 自动切图然后拼接好 UI 发布

许可证

MIT License

from github.com/Wilson520403/fgui-agent-bridge

Установить Fgui Agent Bridge в Claude Desktop, Claude Code, Cursor

Рекомендуется · одна команда, все IDE
unyly install fgui-agent-bridge

Ставит в Claude Desktop, Claude Code, Cursor и VS Code — сам разбирается с npx, uvx и сборкой из исходников.

Впервые? Поставь CLI: curl -fsSL https://unyly.org/install | sh

Или настроить вручную

Выполни в терминале:

claude mcp add fgui-agent-bridge -- uvx --from git+https://github.com/Wilson520403/fgui-agent-bridge fairygui-agent-bridge

Пошаговые гайды: как установить Fgui Agent Bridge

FAQ

Fgui Agent Bridge MCP бесплатный?

Да, Fgui Agent Bridge MCP бесплатный — установка в пару кликов через Unyly без оплаты.

Нужен ли API-ключ для Fgui Agent Bridge?

Нет, Fgui Agent Bridge работает без API-ключей и переменных окружения.

Fgui Agent Bridge — hosted или self-hosted?

Self-hosted: сервер запускается локально на твоей машине командой из раздела установки.

Как установить Fgui Agent Bridge в Claude Desktop, Claude Code или Cursor?

Открой Fgui Agent Bridge на unyly.org, выбери вкладку своего клиента (Claude Desktop, Claude Code, Cursor) и нажми Install — конфиг сгенерируется автоматически, без правки JSON.

Похожие MCP

Compare Fgui Agent Bridge with

Не уверен что выбрать?

Найди свой стек за 60 секунд

Автор?

Embed-бейдж для README

Похожее

Все в категории ai