К основному содержанию
плагин

magicpath — плагин для Claude Code: работа с UI-компонентами MagicPath

Ищет, показывает и ставит UI-компоненты MagicPath прямо из Claude через CLI magicpath-ai. Пригодится, когда нужно перенести готовый компонент в свой код.

Установить в Claude Code · Через маркетплейс плагинов Все способы и платформы ↓
/plugin marketplace add anthropics/claude-plugins-community
/plugin install magicpath@claude-community
Открыть на GitHub

Что делает 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.

Похожие плагины

Все плагины по теме «Фронтенд и UI» →
impeccable pbakaus Даёт агенту словарь дизайнера: 24 команды вроде polish, audit и bolder, чтобы правки интерфейса не сводились к «сделай красиво». ★ 88 212звёзд репо hyperframes HeyGen Собирает MP4-видео из вёрстки на HTML и CSS прямо через диалог с агентом. Пригодится для создания субтитров и анимированных роликов. ★ 72 481звёзд репо typescript-lsp официальный Anthropic Подключает языковой сервер для TypeScript и JavaScript к Claude Code. Помогает переходить к определениям, искать ссылки и проверять ошибки прямо при редактировании кода. ★ 44 635звёзд репо playground официальный Anthropic Собирает одностраничный HTML с ползунками, живым превью и готовым промптом, который можно скопировать обратно в Claude. ★ 44 635звёзд репо frontend-design официальный Anthropic Скилл для Claude, который ведёт фронтенд-работу к выразительной типографике, палитре и анимации вместо типовых ИИ-макетов. ★ 44 635звёзд репо fakechat официальный anthropics Локальный веб-чат для проверки уведомлений канала Claude Code. Сообщения идут в сессию, ответы возвращаются в браузер. ★ 44 635звёзд репо

Из того же набора2

Спонсоры проекта

Компании, которые помогают держать аналитику открытой