21st-dev/magic-mcp

Это как v0, но в Cursor/WindSurf/Cline. Сервер Magic MCP от 21st dev для работы с фронтендом так же легко, как магия.

MCP⭐ 5 905TypeScriptпоследний релиз: v0.2.3

Что это за инструмент

Magic MCP — это AI-агент для генерации UI-компонентов по текстовому описанию, интегрируемый в IDE через протокол MCP.

Зачем нужен

Инструмент ускоряет разработку интерфейсов, позволяя создавать современные компоненты с помощью Natural Language описаний. Он автоматически генерирует код, совместимый с TypeScript, и интегрирует его в проект, используя библиотеку 21st.dev.

Что можно реализовать

Генерация UI-компонентов (например, навигационных панелей) через команду /ui в чате AI-агента
Быстрое прототипирование интерфейсов в Cursor, Windsurf или VSCode
Использование готовых компонентов из библиотеки 21st.dev с поддержкой SVGL
Мгновенный предпросмотр созданных компонентов в реальном времени

Ключевые возможности

Поддержка MCP для интеграции с Cursor, Windsurf, VSCode и Cline
Генерация кода на основе Natural Language описаний
Полная поддержка TypeScript и типизации
Доступ к библиотеке профессиональных компонентов и SVGL
Автоматическое добавление кода в проект с учетом стиля кода

👤 Кому подойдёт: Frontend-разработчики, использующие AI-ассистентов в IDE (Cursor, Windsurf, VSCode)

Релизы

v0.2.3minor

🕐 11 дн назад · релиз на GitHub ↗

Обновление UI, метаданных и исправление работы генерации через прокси с проверкой прав доступа.

Fixed: Генерация теперь зависит от прав доступа к ИИ аутентифицированного аккаунта.
Fixed: Кэшированные отказы генерации объясняют необходимость доступа и предотвращают циклы повторов.
Added: Обновлены встроенный UI-скилл, руководство по установке и метаданные плагина.
Added: Обновлен манифест реестра dev.21st/mcp до версии 1.0.1.
При отключенном ИИ агенты используют локальный поиск компонентов и адаптацию кода.