react mcp

Lets end users add, authenticate, and manage MCP servers from the browser in assistant-ui apps with @assistant-ui/react-mcp. Use when building user-managed MCP server UIs: mounting McpManagerResource via useAui({ mcp }), declaring presets with defineConnector, dropping in McpConfigDialog, or composing McpManagerPrimitive (Root, Connectors, CustomServers, AddCustomTrigger), McpServerPrimitive (Root

AIassistant-ui official Дизайн

Что делает навык

Позволяет конечным пользователям добавлять MCP-серверы, проходить аутентификацию и управлять ими прямо в браузере в приложениях assistant-ui с помощью @assistant-ui/react-mcp. Используйте при монтировании McpManagerResource через useAui({ mcp }), объявлении пресетов с defineConnector, встраивании McpConfigDialog или композиции McpManagerPrimitive (Root, Connectors, CustomServers, AddCustomTrigger), McpServerPrimitive (Root, ...).

Как подключить

1Скачать навык

# возьмите папку навыка «react-mcp» из репозитория: # https://github.com/assistant-ui/skills

2Положить папку с SKILL.md к навыкам ассистента

# положите папку навыка туда, где ассистент ищет skills: cp -r react-mcp/ ~/.claude/skills/react-mcp/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.