RELATED 01
PO UI MCP
OFFICIAL SERVERRead-only lookup of the PO UI Angular component library's docs, guides and code examples
1.0kGitHub stars
923/wknpm downloads
58popularity score
Angular Primitives MCP Server
Browse the Angular Primitives headless UI catalogue, its APIs and ready-made component code from a chat
Official · Angular Primitives TypeScript Local · stdio Developer tools
65 popularity score ★ 612 ↓ 2.1k/wk
Connect your client
Local (npm)
Add in one click
Opens the app, which asks before it adds the server.
Or add it by command or config
Claude CodeTerminal
claude mcp add angular-primitives -- npx -y @ng-primitives/mcpClaude Desktopclaude_desktop_config.json
{
"mcpServers": {
"angular-primitives": {
"command": "npx",
"args": [
"-y",
"@ng-primitives/mcp"
]
}
}
}Cursor~/.cursor/mcp.json
{
"mcpServers": {
"angular-primitives": {
"command": "npx",
"args": [
"-y",
"@ng-primitives/mcp"
]
}
}
}VS Code.vscode/mcp.json
{
"servers": {
"angular-primitives": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@ng-primitives/mcp"
]
}
}
}Codex~/.codex/config.toml
[mcp_servers.angular-primitives]
command = "npx"
args = ["-y", "@ng-primitives/mcp"]Gemini CLITerminal
gemini mcp add --scope user angular-primitives npx -- -y @ng-primitives/mcpWhat it does
Angular Primitives (the ng-primitives package) is a headless, accessibility-focused UI library for Angular. This server, published from the library's own repository as @ng-primitives/mcp and started as the ngp-mcp program, gives an assistant a structured view of that library so it can answer questions about it and write code against it accurately.
It has six tools. An assistant can list the primitives, filtered by category or a search term; pull the full detail for one primitive (entry point, exports, inputs and a usage example); list the reusable component implementations the project ships and fetch the complete source of one; get the install command and import paths for a set of primitives; and read a short setup guide. Typical uses are "show me the form primitives" or "add a dialog to my Angular app".
Everything it returns comes from JSON files bundled inside the npm package (primitives-data.json, api-data.json and reusable-components.json, read from disk in primitives-registry.ts), so the answers match the version of @ng-primitives/mcp you have installed rather than the live website. It speaks stdio only. The get_install_command tool always answers with npm install ng-primitives, because every primitive lives in that one package; it rejects names it does not know and lists the valid ones.
What it needs
| Runtime | Node.js |
|---|
Node.js with npx, for the npx -y @ng-primitives/mcp command. No account, key or network service is needed once the package is downloaded. Most useful inside an Angular project that uses or plans to use ng-primitives; the library's schematic (npx ng g ng-primitives:mcp-setup) can write the client configuration for you.
Limits
Only covers Angular Primitives: it knows nothing about other Angular UI libraries or your own components. The catalogue is a snapshot bundled with the installed package version, so primitives added later appear only after updating @ng-primitives/mcp. The tools return text and code; none of them edits your project or runs the install command, so applying changes is left to the assistant or you. stdio transport only, with no HTTP mode.
Who it suits
Angular developers building on ng-primitives who want an assistant to pick the right primitive, use its real inputs and exports, and copy the project's reusable component patterns instead of guessing. It is local, read-only and needs no sign-in, so it is easy to add per project. Pick something else if you use a different Angular UI library or need general Angular or web documentation, since this one only answers about Angular Primitives.
Tools 6
list_primitives- Lists the library's primitives, optionally narrowed by category or a name/description search.
get_primitive_details- Returns one primitive's entry point, exports, API details and a usage example.
get_install_command- Gives the npm install command and import entry points for chosen primitives.
list_reusable_components- Lists the ready-made component implementations with their variant and size support.
get_reusable_component- Returns the full source of one reusable component implementation.
get_setup_guide- Returns step-by-step setup instructions for adding Angular Primitives to a project.