Eased — MCP-сервер для Claude Code: поиск компонентов и установка
Даёт агенту доступ к каталогу motion-компонентов Eased для shadcn: поиск, документация и готовые команды установки прямо в чате.
claude mcp add --transport http eased https://eased.dev/api/mcpЧто делает Eased
Eased — библиотека React-компонентов с анимациями для shadcn. MCP-сервер открывает агенту доступ к каталогу: можно искать компоненты, читать документацию и получать команды установки, не переключаясь на сайт.
Подключение идёт по HTTP-адресу https://eased.dev/api/mcp. Для Claude это одна команда, для Cursor и GitHub Copilot — блок JSON в конфиге. Сервер только отдаёт данные о компонентах, сам код не пишет.
Компоненты ставятся через shadcn CLI: npx shadcn add @eased/button или по URL реестра. Для этого нужны React 19, Tailwind CSS v4 и файл components.json — без него сначала npx shadcn init. CLI копирует исходники в components/eased/<name>/, ставит npm-зависимости и вливает стили в глобальный CSS.
Какие задачи решает
- найти подходящий анимированный компонент под задачу
- получить команду установки компонента без похода на сайт
- прочитать документацию компонента прямо в редакторе
- добавить motion-компонент в проект на shadcn
- проверить зависимости компонента перед установкой
Примеры запросов агенту
- Найди в Eased компонент для выбора даты и покажи команду установки
- Что делает компонент
otp-fieldиз Eased? - Покажи документацию по
comboboxиз Eased
Как установить Eased
Командой платформы: удалённый сервер
claude mcp add --transport http eased https://eased.dev/api/mcpКомандой платформы: удалённый сервер
codex mcp add eased --url https://eased.dev/api/mcpФайл настроек
{
"mcpServers": {
"eased": {
"url": "https://eased.dev/api/mcp"
}
}
}Файл настроек
{
"servers": {
"eased": {
"type": "http",
"url": "https://eased.dev/api/mcp"
}
}
}Командой платформы: удалённый сервер
gemini mcp add -t http eased https://eased.dev/api/mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Eased
Как установить Eased в Claude Code?
Выполните claude mcp add --transport http eased https://eased.dev/api/mcp. Сервер подключится по HTTP, ключ не нужен.
Что делает Eased?
Даёт агенту доступ к каталогу motion-компонентов для shadcn: поиск, документация и команды установки. Сам компоненты не устанавливает.
Что нужно для работы компонентов Eased?
React 19, Tailwind CSS v4 и файл components.json в проекте. Если его нет, выполните npx shadcn init.
