Fundamental NGX MCP
SAP's MCP server gives an agent a catalog of 1,000 Fundamental NGX components with API data, examples, comparisons and setup guides
- 297 ★ on the repository
- Last commit
- Apache-2.0
Minimal access
Why this level
- The server only returns reference data about components, and the package is downloaded through npx
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add mcp/fundamental-ngxDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The server only returns reference data about components, and the package is downloaded through npx
This is third-party code. Review the repository files before installing.
What it does
@fundamental-ngx/mcp is an MCP server from the SAP/fundamental-ngx repository, SAP's official Angular library for UI5 Web Components and the SAP design system. It gives an agent a catalog of more than 1,000 components across eight libraries: listing and search, detailed API data with inputs, outputs, slots and methods, examples from the docs, comparison of similar components, usage guides for composite components such as dialog, table and card, selector classification and setup guides for themes, styles and fonts. The server has seven tools in all, including list_components, search_components, get_component_api and get_component_examples. The agent works from real metadata, so it invents fewer inputs and selectors that do not exist. SAP design tokens come from a separate package, @fundamental-styles/mcp. The repository also ships agent skills, installed separately with npx skills add SAP/fundamental-ngx. They include build-form, build-table, build-page-layout, a11y-audit, migrate and setup-project. A machine-readable component catalog is also published as components.json on the documentation site.
Who it is for. Angular developers on SAP BTP and Fiori who build interfaces with Fundamental NGX and UI5 Web Components alongside Claude Code, Cursor or VS Code.
Good fit when
- An agent builds a form or a table and has to take component selectors and inputs from the catalog
- Two components look alike and you want to compare their APIs before choosing
- The project is just starting and the agent has to set up the SAP theme, styles and fonts
- You build documentation or static analysis on the machine-readable components.json catalog
Not a fit when
- The application is not written in Angular: the library targets Angular 22 and newer
- You need SAP design tokens: a separate package, @fundamental-styles/mcp, covers them
- You expect the server to edit project code: it only reads the catalog and returns data
Example request
Build a sign-in form from Fundamental NGX components and take selectors and inputs from the fundamental-ngx MCP serverMCP
- Transport
- stdio
- Authentication
- not required
Limitations
- Angular 22 or newer, TypeScript 6 or newer and a current Node.js LTS are required.
- The server runs over stdio. Started by hand in a terminal it looks hung because it waits for client requests.
- The skills are not part of the server's npm package and install with a separate command from the repository.
- To try the tools without an agent use MCP Inspector, started with npx @modelcontextprotocol/inspector npx -y @fundamental-ngx/mcp.
How to disable. For Claude Code run claude mcp remove fundamental-ngx. In Cursor and VS Code delete the fundamental-ngx block from .cursor/mcp.json or .vscode/mcp.json. The skills sit in the agent's folders and are removed the usual way.
FAQ
How do I connect Fundamental NGX MCP to Claude Code?
Run claude mcp add fundamental-ngx -- npx -y @fundamental-ngx/mcp. No keys or accounts are needed: the server returns the component catalog right away.
Which tools does the server have?
Seven tools. Known ones are list_components for a list by library and category, search_components for search by name, selector and properties, get_component_api for full API and get_component_examples for examples from the docs.
How is it different from sap-skills-for-ai-coding-assistants?
Fundamental NGX MCP serves component metadata for one SAP Angular library, while sap-skills-for-ai-coding-assistants covers the SAP platform more widely: BTP, CAP, ABAP, HANA.
Which versions does Fundamental NGX need?
Angular 22 or newer, TypeScript 6 or newer and a current Node.js LTS.
How do I install the SAP skills for Fundamental NGX?
npx skills add SAP/fundamental-ngx --list shows the list, npx skills add SAP/fundamental-ngx --skill build-page-layout installs one skill, and --skill '*' installs them all.
Discussion
No questions or reviews yet.
Related
MCP serversOfficial MCP server for UI5 Web Components for React: component APIs, documentation and Fiori app templates for the agent
A skill and MCP server for the spartan/ui Angular library: the agent installs components and blocks from current docs.
UI5 MCP Server helps an agent scaffold SAP UI5 apps, validate the manifest and code with a linter and read the current API.
MCP server of a React component library for agent interfaces: the agent finds a component and adds it to your project
21st.dev MCP server and plugin: search ready React/Tailwind components and logos and generate UI from your agent
MCP server for the UI Beats catalog of animated React components: search, props, source code and install command for an agent
Comparison with similar tools
Cards that share the main search query, and how they differ.
| Tool | Official | Authentication | Repository stars | Main difference |
|---|---|---|---|---|
| Fundamental NGX (this card) | yes | not required | 297 | |
| SAP Skills | no | 497 | some forty plugins and skills for the whole SAP platform, wider than one library: BTP, CAP, ABAP, HANA | |
| Angular Skills | no | 101,486 | official Angular team skills about the framework, with no SAP component catalog |
README in short
The front page presents the library as SAP's official Angular library with more than 1,000 components in 14 packages and lists them: UI5 Web Components wrappers, core libraries and developer tooling. Then come requirements, a quick start, a section on AI integration through the MCP server and skills, the machine-readable components.json catalog and support links.