@fundamental-ngx/mcp 0.65.1-rc.6 → 0.65.1-rc.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +15 -19
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -7,14 +7,16 @@ MCP (Model Context Protocol) server that exposes the entire Fundamental NGX comp
|
|
|
7
7
|
AI coding assistants (Claude Code, Cursor, VS Code Copilot, Windsurf, etc.) can connect to this MCP server and get structured access to:
|
|
8
8
|
|
|
9
9
|
- **1000+ components** across 8 libraries (core, platform, btp, cx, cdk, ui5-webcomponents, ui5-webcomponents-fiori, ui5-webcomponents-ai)
|
|
10
|
-
- **
|
|
10
|
+
- **Component API metadata** — inputs, outputs, slots, methods, enum values, and, where available, CSS and keyboard-handling metadata
|
|
11
11
|
- **Component comparison** — side-by-side comparison of alternative components
|
|
12
12
|
- **Usage guides** — decision trees and composition patterns for complex components (dialog, table, card, etc.)
|
|
13
13
|
- **Selector classification** — whether a component is an element, attribute directive, or both, with correct template usage
|
|
14
|
-
- **
|
|
14
|
+
- **Project setup guides** — theming, styles, fonts, and known setup issues for core and UI5 projects
|
|
15
15
|
|
|
16
16
|
This eliminates hallucinated APIs and outdated documentation — the assistant works from the actual component metadata.
|
|
17
17
|
|
|
18
|
+
For SAP design-token discovery, use [`@fundamental-styles/mcp`](https://www.npmjs.com/package/@fundamental-styles/mcp).
|
|
19
|
+
|
|
18
20
|
## Quick Start
|
|
19
21
|
|
|
20
22
|
### With Claude Code
|
|
@@ -25,12 +27,14 @@ This eliminates hallucinated APIs and outdated documentation — the assistant w
|
|
|
25
27
|
# Install latest version
|
|
26
28
|
claude mcp add fundamental-ngx -- npx -y @fundamental-ngx/mcp
|
|
27
29
|
|
|
28
|
-
# Or install a specific version
|
|
29
|
-
claude mcp add fundamental-ngx -- npx -y @fundamental-ngx/mcp@
|
|
30
|
+
# Or install a specific version. Replace VERSION with a published package version before running this command.
|
|
31
|
+
claude mcp add fundamental-ngx -- npx -y @fundamental-ngx/mcp@VERSION
|
|
30
32
|
```
|
|
31
33
|
|
|
32
34
|
This command automatically adds the MCP server to your `.claude/mcp.json` configuration.
|
|
33
35
|
|
|
36
|
+
- **Companion Agent Skills** are available separately from the Fundamental NGX repository via `npx skills add SAP/fundamental-ngx`; they are not bundled in this MCP npm package.
|
|
37
|
+
|
|
34
38
|
**Option 2: Manual configuration**
|
|
35
39
|
|
|
36
40
|
```json
|
|
@@ -90,7 +94,7 @@ npx @modelcontextprotocol/inspector npx -y @fundamental-ngx/mcp
|
|
|
90
94
|
|
|
91
95
|
This opens a browser UI where you can:
|
|
92
96
|
|
|
93
|
-
- Browse all
|
|
97
|
+
- Browse all seven available tools
|
|
94
98
|
- Send test requests with custom parameters
|
|
95
99
|
- View formatted JSON responses
|
|
96
100
|
- Debug tool behavior without an AI client
|
|
@@ -106,7 +110,8 @@ The server communicates over **stdio** using the MCP JSON-RPC protocol.
|
|
|
106
110
|
| `get_component_api` | Full API details for a specific component | `{ "name": "fd-button" }` or `{ "name": "ui5-table" }` |
|
|
107
111
|
| `get_component_examples` | Usage examples from the docs app | `{ "name": "fd-dialog" }` |
|
|
108
112
|
| `compare_components` | Side-by-side comparison of two components | `{ "component_a": "fd-button", "component_b": "ui5-button" }` |
|
|
109
|
-
| `get_usage_guide` |
|
|
113
|
+
| `get_usage_guide` | Practical usage guidance for a component | `{ "name": "dialog" }` |
|
|
114
|
+
| `get_setup_guide` | Project setup guidance for core and UI5 packages | `{ "packages": "core+ui5" }` |
|
|
110
115
|
|
|
111
116
|
## Example Queries
|
|
112
117
|
|
|
@@ -123,23 +128,14 @@ The server communicates over **stdio** using the MCP JSON-RPC protocol.
|
|
|
123
128
|
"Show me HTML examples for fd-dialog"
|
|
124
129
|
→ get_component_examples with name "fd-dialog"
|
|
125
130
|
|
|
126
|
-
"I need to build a filterable data table with pagination"
|
|
127
|
-
→ recommend_components with description "filterable data table with pagination"
|
|
128
|
-
|
|
129
|
-
"What broke between 0.60.0 and 0.62.0?"
|
|
130
|
-
→ get_migration_guide with from_version "0.60.0", to_version "0.62.0"
|
|
131
|
-
|
|
132
|
-
"What SAP design tokens are available for background colors?"
|
|
133
|
-
→ get_design_tokens with query "background color", category "color"
|
|
134
|
-
|
|
135
|
-
"How do I handle keyboard navigation in fd-menu?"
|
|
136
|
-
→ get_accessibility_guide with name "fd-menu"
|
|
137
|
-
|
|
138
131
|
"What is the difference between fd-table and fdp-table?"
|
|
139
132
|
→ compare_components with component_a "fd-table", component_b "fdp-table"
|
|
140
133
|
|
|
141
134
|
"Which dialog API should I use?"
|
|
142
|
-
→ get_usage_guide with
|
|
135
|
+
→ get_usage_guide with name "dialog"
|
|
136
|
+
|
|
137
|
+
"How do I configure a core project with UI5 wrappers?"
|
|
138
|
+
→ get_setup_guide with packages "core+ui5"
|
|
143
139
|
```
|
|
144
140
|
|
|
145
141
|
## Contributing
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fundamental-ngx/mcp",
|
|
3
|
-
"version": "0.65.1-rc.
|
|
3
|
+
"version": "0.65.1-rc.8",
|
|
4
4
|
"mcpName": "io.github.sap/fundamental-ngx-mcp",
|
|
5
|
-
"description": "MCP server exposing Fundamental NGX component metadata for AI coding assistants.
|
|
5
|
+
"description": "MCP server exposing Fundamental NGX component metadata for AI coding assistants. Companion Agent Skills are available separately from the Fundamental NGX repository",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"repository": {
|
|
8
8
|
"type": "git",
|