# NVIDIA Elements

> Gives your coding agent the NVIDIA Elements design system: components, tokens, icons, examples and lint checks for its nve-* markup.

NVIDIA Elements is NVIDIA's design system for AI infrastructure, robotics and autonomous vehicle interfaces, built as framework-agnostic Web Components (nve-*) that run in React, Angular, Vue, Svelte, Lit or plain HTML. Its MCP server comes with the Elements CLI (nve) and connects your coding agent to the component APIs, design tokens, icons, examples and template validation, so it builds with Elements instead of guessing the markup.

What you can do with it
- List every nve-* component and attribute, and read the documentation for the ones you need
- Browse the design tokens (semantic CSS custom properties for theming) and icon names
- Find starter templates, patterns and examples, and get the ESM imports a template needs
- Check HTML or JSON, from files or pasted in, against Elements' lint rules, with locations, severity and suggested fixes
- Create a starter project, set up an existing project to use Elements, and check its configuration and dependencies
- See the latest Elements package versions and their changelogs
- Use its prompts: /artifact for a standalone Elements UI artifact, /doctor to verify your setup, /create-project for a new starter project and /migrate to move off deprecated Elements APIs

How it connects
It runs on your machine. Install the CLI with NVIDIA's install script or npm install -g @nvidia-elements/cli, then point your agent at nve mcp. Running nve project.setup writes the MCP config for Claude Code, Cursor and Codex and adds Elements' core dependencies to your project. The MCP registry entry starts it with npx @nvidia-elements/cli mcp. It needs Node.js 20 or later.

Good to know
- No sign-in or API key.
- In agents that support MCP Apps, example previews, the icon list and a token explorer show inline in the chat; other agents get the same results as text.
- NVIDIA also ships an elements agent skill (nve skills.install) with authoring guidance; the server's prompts load from that same skill.

- Type: Plugin
- Made by: Nvidia
- Category: Design
- Formats: Local MCP
- Version: 2.2.13
- Website: https://nvidia.github.io/elements/docs/mcp/
- Source: https://github.com/nvidia/elements/tree/HEAD/projects/cli
- Page: https://pluginboard.ai/plugins/nvidia-elements

## Works with

- Claude
- GitHub Copilot
- Cursor
- Claude Code
- Codex
- Antigravity
- Gemini CLI
- OpenClaw
- OpenCode
- Hermes Agent

## Install

### Claude

Add to claude_desktop_config.json:

```json
{
  "mcpServers": {
    "nvidia-elements": {
      "command": "npx",
      "args": [
        "-y",
        "@nvidia-elements/cli@2.2.13",
        "mcp"
      ]
    }
  }
}
```

### GitHub Copilot

Add to VS Code: vscode:mcp/install?%7B%22name%22%3A%22nvidia-elements%22%2C%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22-y%22%2C%22%40nvidia-elements%2Fcli%402.2.13%22%2C%22mcp%22%5D%7D

Run in your terminal:

```shell
code --add-mcp '{"name":"nvidia-elements","command":"npx","args":["-y","@nvidia-elements/cli@2.2.13","mcp"]}'
```

Copilot CLI:

```shell
copilot mcp add nvidia-elements -- npx -y @nvidia-elements/cli@2.2.13 mcp
```

### Cursor

Add to Cursor: cursor://anysphere.cursor-deeplink/mcp/install?name=nvidia-elements&config=eyJjb21tYW5kIjoibnB4IiwiYXJncyI6WyIteSIsIkBudmlkaWEtZWxlbWVudHMvY2xpQDIuMi4xMyIsIm1jcCJdfQ%3D%3D

Add to .cursor/mcp.json:

```json
{
  "mcpServers": {
    "nvidia-elements": {
      "command": "npx",
      "args": [
        "-y",
        "@nvidia-elements/cli@2.2.13",
        "mcp"
      ]
    }
  }
}
```

### Claude Code

Run in your terminal:

```shell
claude mcp add nvidia-elements -- npx -y @nvidia-elements/cli@2.2.13 mcp
```

### Codex

Run in your terminal:

```shell
codex mcp add nvidia-elements -- npx -y @nvidia-elements/cli@2.2.13 mcp
```

### Antigravity

Add to ~/.gemini/config/mcp_config.json:

```json
{
  "mcpServers": {
    "nvidia-elements": {
      "command": "npx",
      "args": [
        "-y",
        "@nvidia-elements/cli@2.2.13",
        "mcp"
      ]
    }
  }
}
```

### Gemini CLI

Run in your terminal:

```shell
gemini mcp add nvidia-elements npx -y @nvidia-elements/cli@2.2.13 mcp
```

### OpenClaw

In a terminal: Run openclaw mcp add nvidia-elements --command npx, with --arg before each argument (-y @nvidia-elements/cli@2.2.13 mcp) and --env NAME=value for each variable it needs.

### OpenCode

Run in your terminal:

```shell
opencode mcp add nvidia-elements -- npx -y @nvidia-elements/cli@2.2.13 mcp
```

### Hermes Agent

Add to ~/.hermes/config.yaml:

```json
{
  "mcp_servers": {
    "nvidia-elements": {
      "command": "npx",
      "args": [
        "-y",
        "@nvidia-elements/cli@2.2.13",
        "mcp"
      ]
    }
  }
}
```

---
From Pluginboard (https://pluginboard.ai).