# NeuralNg Angular UI Expert MCP

Supplies coding assistants with NeuralNg component discovery, AST template validation, and structured layout generation for Angular apps.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 11
- Author: hasanaydin7
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/hasanaydin7/NeuralTech/tree/HEAD/libs/neural-mcp
- Updated: 2026-10-22
- HTML: https://affpapa.org/en/nevibecode/mcp/neuralng-angular-ui-expert-mcp

## What it does

This tool connects agents to the NeuralNg library ecosystem. It provides 20 tools handling component lookups and a searchable catalog of 6,184 icons. Instead of guessing input names or signal bindings, the assistant queries schema-versioned API contracts directly.

Template verification relies on `@angular/compiler` to parse the template AST. The validator flags missing standalone imports, broken property bindings, and inaccessible icon-only buttons. The server operates in read-only mode: it suggests recipes and structural diffs without writing files or running shell commands.

The runtime strictly requires Node.js 24.x, without which the process will fail to start. Communication takes place entirely over stdio via JSON-RPC.

## Requirements
- Needs: Node.js (commands run via npx)

## Install

### Claude Code (native platform)

**Platform CLI**
```bash
claude mcp add neuralng -- npx -y @neural-ng/mcp-server
```

### Codex

**Platform CLI**
```bash
codex mcp add neural-mcp -- npx -y @neural-ng/mcp-server
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "neural-mcp": {
            "command": "npx",
            "args": [
                "-y",
                "@neural-ng/mcp-server"
            ]
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "neural-mcp": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "@neural-ng/mcp-server"
            ]
        }
    }
}
```

### Gemini CLI

**Platform CLI**
```bash
gemini mcp add neural-mcp npx -y @neural-ng/mcp-server
```

## When to use it
- inspect Angular templates for NeuralNg binding and import errors
- fetch exact Signal contracts and inputs for NeuralNg components
- search through 6,184 icon variants by UI intent or category
- generate structured layouts for Angular forms and tables

## Example prompts
- Plan a user management view using NeuralNg components with a table and search filters
- Validate the template markup in `settings-dialog.component.html` against NeuralNg rules
- Find an outline trash icon for a delete button

## Similar
- [angular-new-app](https://affpapa.org/en/nevibecode/skills/angular-new-app.md) — skill · 19300 installs
- [angular-component](https://affpapa.org/en/nevibecode/skills/angular-component.md) — skill · 11500 installs
- [angular-tooling](https://affpapa.org/en/nevibecode/skills/angular-tooling.md) — skill · 5200 installs
- [angular-architecture](https://affpapa.org/en/nevibecode/skills/angular-architecture.md) — skill · 320 installs
- [angular-migration](https://affpapa.org/en/nevibecode/skills/angular-migration.md) — skill · 10900 installs
- [angular-architect](https://affpapa.org/en/nevibecode/skills/angular-architect.md) — skill · 4800 installs

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md