NVIDIA Elements — MCP-сервер для Claude Code: как установить
Передаёт документацию и дизайн-токены Elements языковым моделям. Пригодится при сборке интерфейсов для робототехники и автономного транспорта.
claude mcp add elements -- npx -y @nvidia-elements/cliЧто делает NVIDIA Elements
Пакет @nvidia-elements/cli работает в двух режимах. Он запускается как обычная консольная утилита nve или как MCP-сервер через команду nve mcp. Ассистенты получают прямой доступ к библиотеке веб-компонентов Elements.
Сервер передаёт моделям схемы компонентов с префиксом nve-*. Ассистент может проверять вёрстку встроенным линтером, смотреть названия иконок и находить CSS-токены. Это исключает выдуманные теги в коде.
Команда nve project.setup сама прописывает настройки MCP для Claude Code и Cursor. В окружениях CI вызывать бинарник придётся по прямому пути $HOME/.nve/bin/nve. Иначе система его не найдёт.
Какие задачи решает
- найти актуальные схемы компонентов nve-* и их атрибутов
- проверить разметку интерфейса встроенным линтером
- подобрать семантические дизайн-токены и иконки для темы
- развернуть шаблон стартового проекта на базе Elements
Примеры запросов агенту
- Покажи параметры и документацию для компонента nve-button
- Проверь HTML-шаблон через api.validate на ошибки дизайн-системы
- Создай интерфейс формы входа с помощью промпта /artifact
Как установить NVIDIA Elements
Командой платформы
claude mcp add elements -- npx -y @nvidia-elements/cliКомандой платформы
codex mcp add cli -- npx -y @nvidia-elements/cliФайл настроек
{
"mcpServers": {
"cli": {
"command": "npx",
"args": [
"-y",
"@nvidia-elements/cli"
]
}
}
}Файл настроек
{
"servers": {
"cli": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@nvidia-elements/cli"
]
}
}
}Командой платформы
gemini mcp add cli npx -y @nvidia-elements/cliПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о NVIDIA Elements
Как установить NVIDIA Elements в Claude Code?
Выполните команду claude mcp add elements -- npx -y @nvidia-elements/cli в терминале. После добавления перезапустите Claude Code, чтобы инструменты сервера стали доступны.
Что делает NVIDIA Elements?
Он предоставляет моделям доступ к спецификациям веб-компонентов nve-*, иконкам и семантическим CSS-токенам. Сервер также позволяет проверять синтаксис HTML-шаблонов по правилам дизайн-системы.
Как быстро настроить сервер в проекте?
Запустите команду nve project.setup в папке проекта. Утилита определит менеджер пакетов и сама пропишет конфигурацию для Claude Code, Cursor или Codex.
