magicpath — плагин для Claude Code: работа с UI-компонентами MagicPath
Ищет, показывает и ставит UI-компоненты MagicPath прямо из Claude через CLI magicpath-ai. Пригодится, когда нужно перенести готовый компонент в свой код.
/plugin marketplace add anthropics/claude-plugins-community
/plugin install magicpath@claude-communityЧто делает magicpath
Плагин даёт агенту доступ к компонентам MagicPath: их можно найти, посмотреть, поставить, выгрузить в папку, создать или отредактировать на канвасе. Всё это через CLI magicpath-ai, который вызывается из сессии Claude.
Внутри — скилл magicpath. Он же объясняет агенту, как сохранить соответствие один к одному, когда дизайн из MagicPath переносится в локальный код. Отдельная часть скилла — управление скиллами на стороне MagicPath через magicpath-ai skills ...: создать, получить, обновить, импортировать, удалить.
Ставить есть смысл, если вы уже работаете с MagicPath или собираетесь переносить оттуда компоненты. Без CLI magicpath-ai в системе скилл ничего не сделает, поэтому сначала проверьте, что команда доступна.
Какие задачи решает
- найти подходящий UI-компонент в MagicPath, не выходя из Claude
- посмотреть компонент перед тем, как тащить его в проект
- выгрузить компонент в папку и подключить к локальному коду
- перенести дизайн из MagicPath без потери соответствия исходнику
- создать или отредактировать компонент на канвасе MagicPath
Примеры запросов агенту
- Найди в MagicPath компонент карточки товара и покажи, как он выглядит
- Выгрузи этот компонент в папку
componentsи подключи в проект - Создай на канвасе MagicPath компонент с полем поиска
Как установить magicpath
Через маркетплейс плагинов
/plugin marketplace add anthropics/claude-plugins-community/plugin install magicpath@claude-communityПо шагам, с командами для каждой платформы: Плагины Claude Code: маркетплейсы, установка и как собрать свой
Вопросы о magicpath
Как установить magicpath в Claude Code?
Добавьте репозиторий как маркетплейс: /plugin marketplace add anthropics/claude-plugins-community, затем установите плагин: /plugin install magicpath@claude-community.
Что делает плагин magicpath?
Даёт агенту скилл magicpath для поиска, просмотра, установки, выгрузки, создания и редактирования UI-компонентов MagicPath через CLI magicpath-ai, а также для управления скиллами на стороне MagicPath.
Чем этот плагин отличается от установки через npx skills add?
Источник один и тот же репозиторий: и npx skills add, и magicpath-ai setup-skills ставят скиллы отсюда. Через плагин Claude вы получаете тот же скилл magicpath.