abap2UI5 dev loop for AI agents: validate views, screenshot, deploy and run apps - no SAP system
To add abap2UI5 to Claude, run the install command below or copy the ready-made config for Claude Code, Claude Desktop, Cursor and VS Code further down. Restart your client after adding it and its tools show up in your next conversation. It needs 37 environment variables, listed below.
Install
npx -y @abap2ui5/mcp-server@1.0.0Environment variables
AI_VIEW_CHECK_HOMESet in your MCP configA2UI5_HOMESet in your MCP configSAMPLES_CONTROLS_HOMESet in your MCP configSAMPLES_HOMESet in your MCP configSAMPLES_STACK_HOMESet in your MCP configAPP_TEMPLATE_HOMESet in your MCP configDOCS_HOMESet in your MCP configABAP_CLOUD_GUI_HOMESet in your MCP configPOPUPS_HOMESet in your MCP configOPENUI5_SRCSet in your MCP configA2UI5_MCP_WORKSPACESet in your MCP configA2UI5_MCP_BACKENDSet in your MCP configA2UI5_MCP_RUNTIME_VERSIONSet in your MCP configA2UI5_MCP_PORTSet in your MCP configA2UI5_MCP_UISet in your MCP configA2UI5_MCP_APP_FORMATSet in your MCP configA2UI5_MCP_OFFLINESet in your MCP configA2UI5_MCP_REMOTESet in your MCP configA2UI5_MCP_REMOTE_DIRSet in your MCP configA2UI5_MCP_REMOTE_TTL_MSSet in your MCP configA2UI5_MCP_UI5_CACHE_MBSet in your MCP configA2UI5_MCP_RENDER_PAGESSet in your MCP configA2UI5_MCP_CHROMIUMSet in your MCP configA2UI5_MCP_SCREENSHOT_DIRSet in your MCP configA2UI5_MCP_PREBUILT_URLSet in your MCP configA2UI5_MCP_LINT_WORKERSet in your MCP configA2UI5_MCP_LINT_IDLE_MSSet in your MCP configA2UI5_MCP_LINT_TIMEOUT_MSSet in your MCP configA2UI5_MCP_SCOPE_TIMEOUT_MSSet in your MCP configA2UI5_MCP_BUILD_TIMEOUT_MSSet in your MCP configA2UI5_MCP_UNIT_TIMEOUT_MSSet in your MCP configA2UI5_MCP_SYSTEM_URLSet in your MCP configA2UI5_MCP_SYSTEM_USERSet in your MCP configA2UI5_MCP_SYSTEM_PASSWORDSet in your MCP configA2UI5_MCP_SYSTEM_PASSWORD_CMDSet in your MCP configA2UI5_MCP_SYSTEM_INSECURE_TLSSet in your MCP configGITHUB_TOKENSet in your MCP configInstall with your client
claude mcp add abap2ui5 --env AI_VIEW_CHECK_HOME=<YOUR_AI_VIEW_CHECK_HOME> --env A2UI5_HOME=<YOUR_A2UI5_HOME> --env SAMPLES_CONTROLS_HOME=<YOUR_SAMPLES_CONTROLS_HOME> --env SAMPLES_HOME=<YOUR_SAMPLES_HOME> --env SAMPLES_STACK_HOME=<YOUR_SAMPLES_STACK_HOME> --env APP_TEMPLATE_HOME=<YOUR_APP_TEMPLATE_HOME> --env DOCS_HOME=<YOUR_DOCS_HOME> --env ABAP_CLOUD_GUI_HOME=<YOUR_ABAP_CLOUD_GUI_HOME> --env POPUPS_HOME=<YOUR_POPUPS_HOME> --env OPENUI5_SRC=<YOUR_OPENUI5_SRC> --env A2UI5_MCP_WORKSPACE=<YOUR_A2UI5_MCP_WORKSPACE> --env A2UI5_MCP_BACKEND=<YOUR_A2UI5_MCP_BACKEND> --env A2UI5_MCP_RUNTIME_VERSION=<YOUR_A2UI5_MCP_RUNTIME_VERSION> --env A2UI5_MCP_PORT=<YOUR_A2UI5_MCP_PORT> --env A2UI5_MCP_UI=<YOUR_A2UI5_MCP_UI> --env A2UI5_MCP_APP_FORMAT=<YOUR_A2UI5_MCP_APP_FORMAT> --env A2UI5_MCP_OFFLINE=<YOUR_A2UI5_MCP_OFFLINE> --env A2UI5_MCP_REMOTE=<YOUR_A2UI5_MCP_REMOTE> --env A2UI5_MCP_REMOTE_DIR=<YOUR_A2UI5_MCP_REMOTE_DIR> --env A2UI5_MCP_REMOTE_TTL_MS=<YOUR_A2UI5_MCP_REMOTE_TTL_MS> --env A2UI5_MCP_UI5_CACHE_MB=<YOUR_A2UI5_MCP_UI5_CACHE_MB> --env A2UI5_MCP_RENDER_PAGES=<YOUR_A2UI5_MCP_RENDER_PAGES> --env A2UI5_MCP_CHROMIUM=<YOUR_A2UI5_MCP_CHROMIUM> --env A2UI5_MCP_SCREENSHOT_DIR=<YOUR_A2UI5_MCP_SCREENSHOT_DIR> --env A2UI5_MCP_PREBUILT_URL=<YOUR_A2UI5_MCP_PREBUILT_URL> --env A2UI5_MCP_LINT_WORKER=<YOUR_A2UI5_MCP_LINT_WORKER> --env A2UI5_MCP_LINT_IDLE_MS=<YOUR_A2UI5_MCP_LINT_IDLE_MS> --env A2UI5_MCP_LINT_TIMEOUT_MS=<YOUR_A2UI5_MCP_LINT_TIMEOUT_MS> --env A2UI5_MCP_SCOPE_TIMEOUT_MS=<YOUR_A2UI5_MCP_SCOPE_TIMEOUT_MS> --env A2UI5_MCP_BUILD_TIMEOUT_MS=<YOUR_A2UI5_MCP_BUILD_TIMEOUT_MS> --env A2UI5_MCP_UNIT_TIMEOUT_MS=<YOUR_A2UI5_MCP_UNIT_TIMEOUT_MS> --env A2UI5_MCP_SYSTEM_URL=<YOUR_A2UI5_MCP_SYSTEM_URL> --env A2UI5_MCP_SYSTEM_USER=<YOUR_A2UI5_MCP_SYSTEM_USER> --env A2UI5_MCP_SYSTEM_PASSWORD=<YOUR_A2UI5_MCP_SYSTEM_PASSWORD> --env A2UI5_MCP_SYSTEM_PASSWORD_CMD=<YOUR_A2UI5_MCP_SYSTEM_PASSWORD_CMD> --env A2UI5_MCP_SYSTEM_INSECURE_TLS=<YOUR_A2UI5_MCP_SYSTEM_INSECURE_TLS> --env GITHUB_TOKEN=<YOUR_GITHUB_TOKEN> -- npx -y @abap2ui5/mcp-server@1.0.0
Run this in a terminal to add the server to Claude Code.
What this does
abap2UI5 exposes a set of tools to Claude over the Model Context Protocol. After you add it to claude_desktop_config.json (snippet above) and restart Claude Desktop, those tools become callable inside any conversation.
Requirements
This server needs the following environment variables to be set before it can run:
AI_VIEW_CHECK_HOME A2UI5_HOME SAMPLES_CONTROLS_HOME SAMPLES_HOME SAMPLES_STACK_HOME APP_TEMPLATE_HOME DOCS_HOME ABAP_CLOUD_GUI_HOME POPUPS_HOME OPENUI5_SRC A2UI5_MCP_WORKSPACE A2UI5_MCP_BACKEND A2UI5_MCP_RUNTIME_VERSION A2UI5_MCP_PORT A2UI5_MCP_UI A2UI5_MCP_APP_FORMAT A2UI5_MCP_OFFLINE A2UI5_MCP_REMOTE A2UI5_MCP_REMOTE_DIR A2UI5_MCP_REMOTE_TTL_MS A2UI5_MCP_UI5_CACHE_MB A2UI5_MCP_RENDER_PAGES A2UI5_MCP_CHROMIUM A2UI5_MCP_SCREENSHOT_DIR A2UI5_MCP_PREBUILT_URL A2UI5_MCP_LINT_WORKER A2UI5_MCP_LINT_IDLE_MS A2UI5_MCP_LINT_TIMEOUT_MS A2UI5_MCP_SCOPE_TIMEOUT_MS A2UI5_MCP_BUILD_TIMEOUT_MS A2UI5_MCP_UNIT_TIMEOUT_MS A2UI5_MCP_SYSTEM_URL A2UI5_MCP_SYSTEM_USER A2UI5_MCP_SYSTEM_PASSWORD A2UI5_MCP_SYSTEM_PASSWORD_CMD A2UI5_MCP_SYSTEM_INSECURE_TLS GITHUB_TOKEN
Set these via the env object in your MCP config (see claude_desktop_config.json snippet above).
Frequently asked questions
How do I install abap2UI5?
Run the Claude Code command in the install section to add abap2UI5 to Claude Code, or copy the ready-made config for your client from the install section on this page. Restart your client afterwards and the tools appear in your next conversation.
Which clients work with abap2UI5?
This page carries setup and config for Claude Code, Claude Desktop, Cursor and VS Code. Any other MCP client that accepts a standard server config can connect to abap2UI5 as well.
Does abap2UI5 need an API key?
Yes. Before it can run, set these environment variables: AI_VIEW_CHECK_HOME, A2UI5_HOME, SAMPLES_CONTROLS_HOME, SAMPLES_HOME, SAMPLES_STACK_HOME, APP_TEMPLATE_HOME, DOCS_HOME, ABAP_CLOUD_GUI_HOME, POPUPS_HOME, OPENUI5_SRC, A2UI5_MCP_WORKSPACE, A2UI5_MCP_BACKEND, A2UI5_MCP_RUNTIME_VERSION, A2UI5_MCP_PORT, A2UI5_MCP_UI, A2UI5_MCP_APP_FORMAT, A2UI5_MCP_OFFLINE, A2UI5_MCP_REMOTE, A2UI5_MCP_REMOTE_DIR, A2UI5_MCP_REMOTE_TTL_MS, A2UI5_MCP_UI5_CACHE_MB, A2UI5_MCP_RENDER_PAGES, A2UI5_MCP_CHROMIUM, A2UI5_MCP_SCREENSHOT_DIR, A2UI5_MCP_PREBUILT_URL, A2UI5_MCP_LINT_WORKER, A2UI5_MCP_LINT_IDLE_MS, A2UI5_MCP_LINT_TIMEOUT_MS, A2UI5_MCP_SCOPE_TIMEOUT_MS, A2UI5_MCP_BUILD_TIMEOUT_MS, A2UI5_MCP_UNIT_TIMEOUT_MS, A2UI5_MCP_SYSTEM_URL, A2UI5_MCP_SYSTEM_USER, A2UI5_MCP_SYSTEM_PASSWORD, A2UI5_MCP_SYSTEM_PASSWORD_CMD, A2UI5_MCP_SYSTEM_INSECURE_TLS, GITHUB_TOKEN. They go in the env block of your MCP config.
Imported from the Official MCP Registry. The details above come from the registry entry; the maker can claim this listing to correct them, add docs, and see its traffic.
Is this your MCP server?
Claim this listing to see its traffic, fix details yourself, and skip the review queue on future updates.
Add this badge to your README
Show visitors this server is listed in the ClaudeRules directory. The badge links straight to this listing.
[](https://clauderules.net/mcp/io-github-abap2ui5-mcp-server)<a href="https://clauderules.net/mcp/io-github-abap2ui5-mcp-server" target="_blank" rel="noopener noreferrer"><img src="https://clauderules.net/api/badge/io-github-abap2ui5-mcp-server" alt="Listed on clauderules.net" /></a>More AI MCP servers
GitHub
Connect AI assistants to GitHub - manage repos, issues, PRs, and workflows through natural language.
Serena MCP: the IDE for your agent
A powerful toolkit for coding, providing semantic retrieval and editing capabilities.
MCP Toolbox for Databases
MCP Toolbox for Databases enables your agent to connect to your database.
Figma-Context-MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.