Spec Driven Development
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
作者による説明(英語の原文)
The Universal Agent Gateway (UAG) enables in-process agentic automation using Form.io.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
PROJECT, PROJECT_KEY, ADMIN_KEY, UAG_LICENSE, JWT_SECRET, PORT, PROJECT_TTL, JWT_EXPIRE_TIME, PORTAL_SECRET, MONGO, MONGO_CONFIG, BASE_URL, LOGIN_FORM, CORS, DEBUG「秘密」と表示された値は、あなたのアカウントの鍵です。絶対に人に教えたり、チャットに貼り付けたりしないでください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"formio-uag": {
"command": "npx",
"args": [
"-y",
"@formio/uag"
],
"env": {
"PROJECT": "your-value",
"PROJECT_KEY": "your-value",
"ADMIN_KEY": "your-value",
"UAG_LICENSE": "your-value",
"JWT_SECRET": "your-value",
"PORT": "your-value",
"PROJECT_TTL": "your-value",
"JWT_EXPIRE_TIME": "your-value",
"PORTAL_SECRET": "your-value",
"MONGO": "your-value",
"MONGO_CONFIG": "your-value",
"BASE_URL": "your-value",
"LOGIN_FORM": "your-value",
"CORS": "your-value",
"DEBUG": "your-value"
}
}
}
}ターミナルでこれを実行します
claude mcp add formio-uag --env PROJECT=your-value --env PROJECT_KEY=your-value --env ADMIN_KEY=your-value --env UAG_LICENSE=your-value --env JWT_SECRET=your-value --env PORT=your-value --env PROJECT_TTL=your-value --env JWT_EXPIRE_TIME=your-value --env PORTAL_SECRET=your-value --env MONGO=your-value --env MONGO_CONFIG=your-value --env BASE_URL=your-value --env LOGIN_FORM=your-value --env CORS=your-value --env DEBUG=your-value -- npx -y @formio/uag動かす前に、空欄の値を入力してください。
プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"formio-uag": {
"command": "npx",
"args": [
"-y",
"@formio/uag"
],
"env": {
"PROJECT": "your-value",
"PROJECT_KEY": "your-value",
"ADMIN_KEY": "your-value",
"UAG_LICENSE": "your-value",
"JWT_SECRET": "your-value",
"PORT": "your-value",
"PROJECT_TTL": "your-value",
"JWT_EXPIRE_TIME": "your-value",
"PORTAL_SECRET": "your-value",
"MONGO": "your-value",
"MONGO_CONFIG": "your-value",
"BASE_URL": "your-value",
"LOGIN_FORM": "your-value",
"CORS": "your-value",
"DEBUG": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"formio-uag": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@formio/uag"
],
"env": {
"PROJECT": "your-value",
"PROJECT_KEY": "your-value",
"ADMIN_KEY": "your-value",
"UAG_LICENSE": "your-value",
"JWT_SECRET": "your-value",
"PORT": "your-value",
"PROJECT_TTL": "your-value",
"JWT_EXPIRE_TIME": "your-value",
"PORTAL_SECRET": "your-value",
"MONGO": "your-value",
"MONGO_CONFIG": "your-value",
"BASE_URL": "your-value",
"LOGIN_FORM": "your-value",
"CORS": "your-value",
"DEBUG": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
PORT envPROJECT_TTL envJWT_EXPIRE_TIME envMONGO_CONFIG envLOGIN_FORM envCORS envDEBUG envこの設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月6日にチェック
レジストリ名はドメイン form.io で確認済みです(レジストリがドメインの所有を確認しています)
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
入力が必要なもの:PROJECT, PROJECT_KEY, ADMIN_KEY, UAG_LICENSE, JWT_SECRET, PORTAL_SECRET, MONGO, BASE_URL
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は–、最新バージョン(1.13.2)がレジストリに届いたのは3 か月前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。
同じカテゴリには:Spec Driven Development, Remote Desktop Commander, LickityClick
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
Remote Desktop Commander: use files, terminal and processes on your own computers from any AI app.
Create, edit and track LickityClick short links, campaigns and click stats from your AI assistant.
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
The Universal Agent Gateway (UAG) leverages the Model Context Protocol (MCP) to enable in-process agentic automation using Form.io. It provides to an AI Agent the same thing that our JavaScript Renderer provides to a human; an interpretation of the Form JSON schema into an understandable format. In the case of UAG, it transforms the Form JSON model into an AI readible markdown format so that the Agent can easily understand the purpose and structure of the data that needs to be collected.
There are two primary scenarios that the UAG enables:
For a working example of this flow, please try out the Conversation Form Example.
For more information on Agentic workflows, checkout the dedicated Agentic Workflows section. For a working example of this flow, please try out the Agentic Workflow Example.
One of the many benefits that the UAG has to offer is the ability to inject Dynamic Context into an AI processing cycle. This is achieved from the dynamic nature of the Form JSON schemas that can easily be modified and deployed to any environment without the need to update your application or re-train the agents within the process. Because of this, dynamic context changes can be injected seamlessly into an existing running process which will automatically update the behaviors of the Agents utilizing the UAG.
There are three working examples in this repo, each spinning up a Form.io server alongside the UAG with Docker Compose. Pick the one that matches what you are building.
| Example | Pattern | Licensing |
|---|---|---|
| [Custom Module](examples/custom-module) | Conversational, existing client. Connect Claude Desktop to your forms and talk to them: "I would like to add a new customer." Built as a custom module, so roles and permissions decide what the agent may do. | Open Source — free |
| [Conversation Form](examples/conversation-form) | Conversational, your own UI. A chat application whose questions come entirely from a form. About 200 lines, no field names in the code — edit the form and the conversation changes. | Open Source — free |
| [Agentic Workflow](examples/agentic-workflow) | Autonomous. A submission triggers an agent that scores it against a rubric and writes its decision back, which in turn triggers a second agent. No human, no chat window. | Enterprise |
There is also a Flow Viewer — a small proxy that shows every leg of an agentic run live, which is the fastest way to see what an agent is actually doing.
This file is the main reference: what the UAG is, how to configure a form for it, how to deploy it, and how to troubleshoot it. The rest of the documentation lives next to the code it describes.
| Document | What it covers |
|---|---|
| README.md (this file) | Concepts, agentic workflow setup, the MCP tools, deployment, environment variables, and troubleshooting. |
| module/Readme.md | Building a custom module — adding your own MCP tools, form actions, pre-defined forms and resources, and configuration overrides, then mounting it into the Docker container. |
| integrations/claude/Readme.md | The Claude integration: its API endpoints and commands, how to run it with Node or Docker, its environment variables, and how to trigger it from a Form.io Webhook action. |
| examples/custom-module/Readme.md | Example — a custom module driven conversationally from Claude Desktop, where roles and permissions govern what the agent may do. |
| examples/conversation-form/Readme.md | Example — a chat application of your own whose questions come entirely from a form. |
| examples/agentic-workflow/Readme.md | Example — an autonomous, webhook-triggered workflow with two chained agent personas. |
| examples/flow-viewer/Readme.md | A small proxy that shows every leg of an agentic run live — the token request, each tool call, and the write-back. The quickest way to see what an agent is doing. |
| examples/custom-module/module/templates/Readme.md | Overriding the response templates the UAG returns to the agent, using Lodash templates. |
| test/e2e/Readme.md | The end-to-end test suite — its three layers, what each covers, and how to run it. |
One of the more powerful features of the UAG is the agent_provide_data tool. This tool provides the ability to instruct a generically trained agent how to analyze existing submission data, and then produce its own data by following a configurable Criteria. This behavior historically could only be achieved using a specifically trained agent, which does not provide any benefits of dynamic configurability that the Form.io platform offers. This tool is able to achieve this goal by providing a generally trained agent with the necessary "context" it needs to accurately produce its own data as part of an automated workflow. This feature is particularly helpful if you wish to utilize the UAG within an Agentic Workflow, where the AI Agent is capable of understanding structured data, and then contribute its own data by following the configured Criteria "context" provided by the UAG.
For example, let's suppose you wish to automate the backend administration behind a College Application Process. In this example, a potential student submits an application that consists of many different fields of data, such as Academics, Extra curricular activities, Honors, Volunteer work, as well as possibly written Essays. Historically, these applications would be reviewed by an administrator in order to assess the candidates qualifications for acceptance. With the agent_provide_data tool, it is now possible to automate this process as the following diagram illustrates.
To achieve this feat, the agent_provide_data tool utilizes the following information, which is then fed to the Generally trained agent to produce its own submission data.
agent_provide_data process.To configure a form to use the agent_provide_data tool, you must first designate a section of your form that will be read and used by the AI Agent. This is similar to what you would see in a form that says "For Office Use Only", but instead of a Human contributing to the values of this section, it will be an automated AI Agent. There are two types of fields that can be added to a form to configure it for use by the agent_provide_data tool: Criteria and Agent Fields
A complete setup is four steps, and all four are required:
For a working reference containing all four, see the Agentic Workflow example.
uagThe UAG only registers forms that carry the uag tag. Any form without it is invisible to every agent and to every tool, including get_forms. In the Form Builder this is set under Form Settings → Tags; in a form's JSON it looks like this:
"tags": ["uag"]
This is worth checking first whenever an agent insists that a form does not exist, because a missing tag produces no error anywhere — the form simply is not there as far as the agent is concerned. Note also that newly tagged forms are picked up on the next project cache expiry, so allow up to PROJECT_TTL seconds (see Project Cache and TTL).
The first thing that needs to be configured is a special Content Component that instructs the AI Agent how to interpret the data. For example, here is a Criteria content block that was written to instruct an AI Agent on how to assess the submission of a College Application Essay.
The goal of this content is to be written as you would write an instruction manual for a new employee who needs to learn how to analyze and understand the submission data that is provided. It is also used to instruct the AI Agent on how to populate the form values that are configured for that criteria. Once this criteria is written, It will then need to be "flagged" as a UAG field by adding a property called uag and the value of that property is to be t
冒頭だけを表示しています。続きはリポジトリで読めます