UI5con_2026_MCPApps
Five runnable MCP servers whose tools return a prebuilt UI beside their text result, from plain HTML through UI5 Web Components@ui5/webcomponentsSAP's UI elements as standard custom elements, ui5-button among them, implementing SAP Fiori design and usable from plain HTML, React, Angular or Vue.sap official, ui5 and UI Integration Cards to a UI5 linter workflow and an ARC-1arc-1An MCP server in front of the ADT REST API that runs locally and on Cloud Foundry with twelve tools that read, search, write, activate, lint and transport ABAP objects.independent, abap transport review.
Each sample registers a ui:// resource, points a tool at it and returns text and structuredContent, so a host with MCP Apps support renders the bundled page in a sandboxed iframe and any other host still shows the text. The model chooses the tool and does not generate the interface. Sample 03 launches @ui5/mcp-server@ui5/mcp-serverSAP's MCP server for UI5 development: ten tools that scaffold an app or a card, read the project in front of the agent, and run the linter and the manifest validator against it.sap official, ui5 with npx to produce the lint findings, and sample 04 needs a separately configured ARC-1arc-1An MCP server in front of the ADT REST API that runs locally and on Cloud Foundry with twelve tools that read, search, write, activate, lint and transport ABAP objects.independent, abap server for live data, with labelled offline data for rehearsal. Vite bundles each app into one index.html, and the servers run over stdio or Streamable HTTP on Node.jsNode.jsA cross-platform JavaScript runtime that servers, command line tools and scripts written in JavaScript are run with. For the things here, the prerequisite a repository names when its build is a set of npm scripts. 22.
Facts
Where it sits
Who is behind it
In the atlas: maintains 35, contributes to 86, wrote 25@marianfoomaintainer
Before choosing this
Signals
LicenceNo licenseNeither the package manifest nor the repository tree declares a licence
Without a licence the default is all rights reserved. Ask the maintainer, or check for terms stated elsewhere, before depending on it.
What it declares
Every artifact
- Type
- Sample
- Origin
- Independently maintained
- Runtime
- Node.js
As a sample
- Form
- A tutorial's companion code
Connections
Showing an interface inside an agent conversation
Download
Learn more
- UI5 Has Entered the Chat: Building Interactive MCP Apps for SAPUI5 Has Entered the Chat: Building Interactive MCP Apps for SAPMCP Apps let an MCP tool point at a ui:// resource that a compatible host renders in a sandboxed iframe, and the post walks through the five samples of UI5con_2026_MCPApps, built with Mike Zaschka for UI5con, from a plain HTML time tool through UI5 Web Components and UI Integration Cards to UI5 lint findings from @ui5/mcp-server and an ARC-1 transport review. In the samples the model selects the tool and does not generate the interface, the prebuilt kind of generative UI, and the subject is the server side of MCP servers: register the resource, link it from the tool's _meta.ui.resourceUri, return text content as a fallback beside structuredContent, call callServerTool() only for tools of the server that owns the app, and send a message to the host when another server such as ARC-1 has to act. It stops at the host, whose support differs by client and whose iframe sandbox is not a complete security model, and Joule support for MCP Apps could not be verified at the time of writing.published 2026-07-13Marian Zeis, blog.zeis.de — Marian Zeis
README
quoted from marianfoo/UI5con_2026_MCPApps, readUI5con 2026 MCP Apps Samples
Five runnable samples for learning how MCP tools can return deterministic, interactive UIs. The examples progress from plain HTML to UI5 Web Components, UI Integration Cards, a UI5 linter workflow, and host-orchestrated SAP transport data.
This repository contains the reusable sample code and learning material. Speaker notes, presentation files, editor-specific MCP configuration, generated output, helper scripts, and the original test suite are intentionally not part of this publication copy.
Details
Sources
Sources are graph entities: the same page may back several entries, and an unreachable source flags every row that rests on it.
Compatibility and provenance
History in the atlas
- First seen.
For your agent
- Ref
artifact:marianfoo-ui5con-2026-mcpapps- JSON
- /artifacts/marianfoo-ui5con-2026-mcpapps.json
- MCP
- Connecting an agent