UICapsule — MCP-сервер для Claude Code: что делает и как установить
Удалённый MCP-сервер с каталогом React-компонентов с необычной анимацией: агент находит нужный по описанию и ставит его в проект через shadcn CLI.
claude mcp add --transport http components https://www.uicapsule.com/mcpЧто делает UICapsule
UICapsule открывает каталог React-компонентов с заметным движением агенту через MCP. Компонент ищется по описанию того, что он делает, и ставится в проект командой npx shadcn@latest add @uicapsule/<slug>. Слаги лежат на www.uicapsule.com.
Локально ничего не запускается. Сервер отвечает по адресу https://www.uicapsule.com/mcp, транспорт — Streamable HTTP, и один и тот же URL подходит любому клиенту с такой поддержкой: Claude Code, Codex, Cursor. В реестре MCP сервер записан как com.uicapsule/components.
Клиент без Streamable HTTP к этому адресу не подключится, поэтому сначала проверьте, что редактор такой транспорт умеет. Зато поиск потом идёт по поведению компонента: проще сказать агенту, какой эффект нужен, чем угадывать слаг в каталоге.
Какие задачи решает
- найти компонент по характеру анимации, а не по имени
- поставить выбранный компонент в проект одной командой
shadcn - добавить в страницу готовый интерактивный React-блок
- подключить каталог компонентов к агенту в Cursor или Claude Code
- не гадать со слагом, а получить его от агента
Примеры запросов агенту
- Найди в UICapsule компонент с магнитной кнопкой и поставь его в проект.
- Поищи через uicapsule анимацию текста на скролле и установи подходящую.
- Какие компоненты UICapsule есть для переходов между страницами? Поставь первый.
Как установить UICapsule
Командой платформы: удалённый сервер
claude mcp add --transport http components https://www.uicapsule.com/mcpКомандой платформы: удалённый сервер
codex mcp add uicapsule --url https://www.uicapsule.com/mcpФайл настроек
{
"mcpServers": {
"uicapsule": {
"url": "https://www.uicapsule.com/mcp"
}
}
}Файл настроек
{
"servers": {
"uicapsule": {
"type": "http",
"url": "https://www.uicapsule.com/mcp"
}
}
}Командой платформы: удалённый сервер
gemini mcp add -t http uicapsule https://www.uicapsule.com/mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о UICapsule
Как установить UICapsule в Claude Code?
Одной командой: claude mcp add --transport http uicapsule https://www.uicapsule.com/mcp. Сервер удалённый, работает по Streamable HTTP.
Что делает UICapsule?
Даёт агенту поиск по каталогу интерактивных компонентов и установку выбранного через shadcn CLI. Компонент попадает в проект по своему слагу.
Работает ли сервер вне Claude Code?
Да, адрес https://www.uicapsule.com/mcp один для всех: подойдёт любой клиент с транспортом Streamable HTTP. Для Codex есть команда codex mcp add uicapsule --url https://www.uicapsule.com/mcp, для Cursor — запись url в конфиге.
