Skip to main content
MCP server CX Codex

mcp-server · ui5 — Claude Code MCP server: what it does, how to install

Connects SAPUI5 and OpenUI5 developer tooling to AI assistants. Helps scaffold apps, inspect manifest schemas, and run linters directly in chat.

Install into Claude Code · Platform CLI All methods and platforms ↓
claude mcp add --env UI5_MCP_SERVER_ALLOWED_DOMAINS=<UI5_MCP_SERVER_ALLOWED_DOMAINS> --env UI5_MCP_SERVER_RESPONSE_NO_STRUCTURED_CONTENT=<UI5_MCP_SERVER_RESPONSE_NO_STRUCTURED_CONTENT> --env UI5_MCP_SERVER_RESPONSE_NO_RESOURCES=<UI5_MCP_SERVER_RESPONSE_NO_RESOURCES> --env UI5_LOG_LVL=<UI5_LOG_LVL> --env UI5_DATA_DIR=<UI5_DATA_DIR> --transport stdio ui5-mcp-server -- npx -y @ui5/mcp-server
Open on GitHub

What mcp-server does

This server equips AI coding agents with OpenUI5 and SAPUI5 utilities. It provides tools to generate starter projects from templates and scaffold UI Integration Cards. Assistants can also pull API documentation on demand or review guidelines for migrating JavaScript components to TypeScript.

Quality checks rely on @ui5/linter and schema validation for manifest.json. The agent reads project metadata to spot framework-specific bugs and recommend fixes. You need Node.js. Compatible versions are v20.17.0, v22.9.0 or higher with npm v8.0.0 or newer.

Native Windows systems outside WSL require prefixing npx with cmd /c in the client configuration. For clients without MCP resource support such as Cursor, set the UI5_MCP_SERVER_RESPONSE_NO_RESOURCES environment variable to disable resources in server responses.

What it helps with

  • scaffold a new SAPUI5 or OpenUI5 application from templates
  • generate a UI Integration Card starter
  • validate manifest.json against the UI5 schema
  • run @ui5/linter to catch framework-specific code issues
  • retrieve guidelines for converting UI5 code to TypeScript

Example prompts for the agent

  • Scaffold a new OpenUI5 application using the default template
  • Validate the project manifest.json against the UI5 schema
  • Run @ui5/linter on this project and fix any detected errors

How to install mcp-server

Platform CLI

claude mcp add --env UI5_MCP_SERVER_ALLOWED_DOMAINS=<UI5_MCP_SERVER_ALLOWED_DOMAINS> --env UI5_MCP_SERVER_RESPONSE_NO_STRUCTURED_CONTENT=<UI5_MCP_SERVER_RESPONSE_NO_STRUCTURED_CONTENT> --env UI5_MCP_SERVER_RESPONSE_NO_RESOURCES=<UI5_MCP_SERVER_RESPONSE_NO_RESOURCES> --env UI5_LOG_LVL=<UI5_LOG_LVL> --env UI5_DATA_DIR=<UI5_DATA_DIR> --transport stdio ui5-mcp-server -- npx -y @ui5/mcp-server

Replace <…> with your own values

Step by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more

Questions about mcp-server

How do I install mcp-server in Claude Code?

Run claude mcp add mcp-server -- npx -y @ui5/mcp-server in your terminal to register the server.

What does mcp-server do?

It provides tools for AI assistants to scaffold OpenUI5 and SAPUI5 apps, check manifest schemas, run @ui5/linter, and fetch framework API reference documentation.

How should I configure the server for Windows or Cursor?

On native Windows without WSL, prefix the npx command with cmd /c. For clients like Cursor that lack MCP resource support, define the UI5_MCP_SERVER_RESPONSE_NO_RESOURCES environment variable.

Similar MCP servers

Everything for Frontend and UI →

mcp-server by other authors comes first.

mcp-server HeyPuter Connects your AI agent to Puter for files, websites and workers. Useful when the project already lives in Puter's cloud. CX Codex +1 ★ 43,872repo stars mcp-server mapbox Connects Mapbox location APIs to your AI assistant for geocoding, multi-modal routing, and map rendering. Helpful when building travel planners or spatial query assistants. CX Codex +1 ★ 363repo stars mcp-server PackmindHub Connects team engineering playbooks and shared coding standards from Packmind directly to AI coding agents. CX Codex +1 ★ 319repo stars mcp-server BingoWon Search Apple developer documentation and WWDC transcripts, with results ranked for relevance to your question. Useful when an agent needs API references or coding context. CX Codex +1 ★ 121repo stars mcp-server cap-js Lets your AI agent inspect a CDS project and search the CAP documentation, so its answers rest on the real model instead of guesses. CX Codex +1 ★ 117repo stars Front-End Checklist thedaviddias Connect an MCP server that checks frontend code and public pages against quality rules. Use it to review components or audit accessibility, SEO, and performance. CX Codex +1 ★ 74,559repo stars tldraw tldraw Connects an interactive tldraw canvas to an AI agent for drawing, editor actions, and saved canvas state. CX Codex +1 ★ 51,091repo stars Figma-Context-MCP GLips MCP server that feeds layout data and styles from Figma to your coding assistant. Turn design links into code without pasting screenshots. CX Codex +1 ★ 16,062repo stars mcp-server-chart antvis Generates over 26 chart and diagram types using AntV directly inside AI coding assistants and MCP clients. CX Codex +1 ★ 4,402repo stars Dembrandt dembrandt Pulls colours, type, spacing and components off a live page and hands them to your agent as design tokens. Useful when you need to copy a style into your own project. CX Codex +1 ★ 3,821repo stars RevoGrid DataGrid MCP Pro revolist A hosted MCP server that wires your coding agent into RevoGrid DataGrid documentation: examples, feature checks and migration help. CX Codex +1 ★ 3,450repo stars

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor