SkillFoxx
Telegram

MagicPath Agent Skills

Скилл MagicPath ищет UI-компоненты сервиса через CLI и переносит дизайн в локальный код, сохраняя внешний вид оригинала.

  • 93 ★ репозитория
  • Последний коммит
Скилл

Расширенный доступ

Почему такой уровень

  • CLI `magicpath-ai` обращается к внешнему сервису MagicPath и экспортирует компоненты в файлы проекта.
  • Агент с этим скиллом может менять и удалять данные в вашем аккаунте сервиса.
Все причины и проверки

magicpathai/agent-skillsАвтор:MagicPathAI

Установка

В терминале, через SkillFoxx CLI

npx skillfoxx add skills/magicpath-agent-skills

Определит агенты на машине, покажет уровень доступа и зафиксирует версию.

Другие способы установки

Доступ и проверки

Как мы проверяем

Расширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.

  • CLI `magicpath-ai` обращается к внешнему сервису MagicPath и экспортирует компоненты в файлы проекта.
  • Агент с этим скиллом может менять и удалять данные в вашем аккаунте сервиса.

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Скилл `magicpath` учит агента работать с сервисом MagicPath через CLI `magicpath-ai`: искать компоненты, смотреть превью, изучать, ставить и экспортировать их в папку, создавать и править компоненты на холсте. Справочники в `references/` описывают перенос дизайна MagicPath в локальный код с точным совпадением с оригиналом, работу с репозиториями и со встроенными браузерами. Еще скилл управляет размещенными в MagicPath скиллами через `magicpath-ai skills`: создает, получает, обновляет, импортирует и удаляет их. Репозиторий оформлен как плагин для Cursor, Claude Code и Codex, и его ставят также через `npx skills add`.

Для кого. Дизайнерам и фронтенд-разработчикам, которые собирают интерфейсы в MagicPath и переносят результат в код проекта из Cursor, Claude Code или Codex.

Подходит, если

  • Агент находит в MagicPath готовый компонент и добавляет его в локальный проект.
  • Макет из MagicPath переносят в код, и результат должен совпасть с оригиналом.
  • Компонент на холсте MagicPath создают или правят из диалога с агентом.
  • Свои скиллы хранят в MagicPath и меняют командами `magicpath-ai skills`.

Не подходит, если

  • Дизайн ведется в другом инструменте: скилл работает только с MagicPath.
  • Доступа к сервису MagicPath нет, а скилл без него бесполезен.
  • Нужен скилл общего назначения для верстки, не привязанный к конкретному сервису.

Пример запроса к агенту

Найди в MagicPath компонент с тарифной сеткой, покажи превью и добавь в проект так, чтобы верстка совпала с оригиналом.

Ограничения

Скилл состоит из инструкций: работу выполняют CLI `magicpath-ai` и сервис MagicPath, их подключают отдельно. Условия доступа и тарифы сервиса в репозитории не указаны, файла лицензии нет, поэтому права на использование самого скилла надо уточнять у автора. Файл `SKILL.md` весит около 55 КБ и занимает заметную часть контекста при загрузке. Последний коммит в репозитории датирован июлем 2026 года. Скилл не заменяет документацию сервиса: параметры команд `magicpath-ai` агент берет из `references/cli-reference.md`, и при смене версии CLI они могут разойтись.

Как отключить. В Claude Code откройте `/plugin` и удалите `magicpath@magicpath`. В Cursor и Codex удалите плагин средствами клиента, при установке через Skills CLI удалите папку скилла `magicpath`.

Частые вопросы

Какие способы установки есть?

Плагин для Cursor (`/add-plugin magicpath`), Claude Code (`/plugin marketplace add MagicPathAI/agent-skills`), Codex (`codex plugin marketplace add MagicPathAI/agent-skills`) и Skills CLI (`npx skills add https://github.com/MagicPathAI/agent-skills`).

Как посмотреть скиллы до установки?

Выполните `npx skills add https://github.com/MagicPathAI/agent-skills --list`: команда только перечисляет доступные скиллы.

Что лежит в репозитории?

Один скилл `magicpath` и четыре справочника: по CLI, по переносу дизайна в локальный код, по встроенным браузерам и по работе с репозиториями.

Можно ли управлять скиллами из самого MagicPath?

Да, через подкоманды `magicpath-ai skills`, которым скилл `magicpath` обучает агента. Список подкоманд смотрите в `references/cli-reference.md`.

Откуда ставит `magicpath-ai setup-skills`?

Из этого же репозитория: README называет его каноническим источником и для `npx skills add`, и для `magicpath-ai setup-skills`.

Обсуждение

Вопросов и отзывов пока нет.

Скиллы
Официальный

Скилл Magic UI: агент добавляет анимированные компоненты в React и Next.js через реестр shadcn и проверяет доступность

СкиллРасширенный доступ23,2 тыс.
Официальный

Плагин и скилл для Codex, Claude Code и Cursor: агент собирает интерфейсы на Marionette v5 по документации установленной версии.

ПлагинМинимальный доступ7 тыс.

Реестр устанавливаемых дизайн-скиллов: готовые файлы SKILL.md и DESIGN.md с токенами, правилами компонентов и доступностью под разные стили

СкиллМинимальный доступ3,6 тыс.
Официальный

Скилл и MCP-сервер библиотеки Shaders: агент собирает фоны, стекло, градиенты и курсорные эффекты на WebGPU для React, Vue, Svelte, Solid и JS

СкиллРасширенный доступ5,9 тыс.

Дизайн-система в виде промптов для Codex, Cursor и Claude Code: каталоги стилей, раскладки, блоки и свои правила интерфейса.

СкиллРасширенный доступ230

Скиллы креативного кода для Claude Code: движение, микровзаимодействия и визуальные системы для веба, Android и Apple

СкиллМинимальный доступ791

Коротко о README

README коротко перечисляет способы установки для трех агентов и описывает единственный скилл `magicpath` с примерами запросов, при которых его стоит вызывать.

Бейдж для README

Сообщить о проблеме