magicpath · openai — скилл для Codex: компоненты MagicPath в коде
Скилл подключает агента к платформе MagicPath: ищет компоненты на канвасе, ставит их в проект и правит кодом. Пригодится, если дизайн живёт в MagicPath, а приложение — в репозитории.
npx skills add openai/plugins --skill magicpath -a codexЧто делает magicpath
Скилл даёт агенту доступ к CLI magicpath-ai и описывает рабочие сценарии. Первым делом выполняется npx -y magicpath-ai info -o json; если аккаунт не авторизован, агент запускает login, а потом whoami -o json. Дальше — по задаче: поиск компонента, работа с открытым канвасом, командные проекты, темы и дизайн-системы.
Установка в приложение идёт через inspect (только чтение), затем add с флагом -y. Ставится в src/components/magicpath/<name>/, агент подключает компонент по выданным importStatement и usage и подгоняет статичный текст, состояния и размеры под проект. Для не-JS проектов add не запускается — дизайн переносят вручную. Правка самого канваса идёт через code start и code submit --wait с ограниченным списком файлов: src/App.tsx, src/index.css, src/components/generated/** и картинки в assets/**.
Несколько ограничений лучше знать до установки. view открывает браузер ОС, и параллельно такие команды не запускают. Личные проекты закрыты для чужих — искать имеет смысл только в командных. А без авторизации в MagicPath половина команд просто не сработает.
Какие задачи решает
- найти компонент MagicPath по названию и посмотреть его код перед установкой
- перенести выбранный на канвасе элемент в React-приложение проекта
- собрать новый экран на канвасе из кода и отправить его на ревью
- вытащить CSS-переменные и шрифты из темы MagicPath в приложение
- показать коллеге ссылку на проект или компонент без открытия браузера
Примеры запросов агенту
- Найди в MagicPath компонент кнопки и поставь его в проект
- Покажи, что сейчас выделено на канвасе
- Собери экран логина в
src/components/generated/и отправь на канвас
Как установить magicpath
1Через Skills CLI (Vercel)
npx skills add openai/plugins --skill magicpath -a codex2Вручную: положить файлы
.agents/skills/magicpath/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add openai/plugins --skill magicpath -a claude-code2Вручную: положить файлы
~/.claude/skills/magicpath/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/magicpath/
Вручную: положить файлы
.cursor/skills/magicpath/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install openai/plugins magicpath2Вручную: положить файлы
.github/skills/magicpath/SKILL.mdКомандой платформы
gemini skills install https://github.com/openai/plugins --path plugins/magicpath/skills/magicpathВручную: положить файлы
.devin/skills/magicpath/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Claude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Скиллы Codex: как установить, где лежат и как вызвать
Вопросы о magicpath
Как установить magicpath в Claude?
Выполните npx skills add openai/plugins --skill magicpath -a codex, скилл появится в .agents/skills/magicpath/SKILL.md.
Что делает magicpath?
Даёт агенту набор команд CLI magicpath-ai: поиск и просмотр компонентов, установка их в приложение, работа с канвасом, темами и командными проектами.
Нужен ли аккаунт MagicPath?
Да. Скилл начинает с info и при отсутствии авторизации запускает login, после чего проверяет вход через whoami.
Похожие скиллы
Все скиллы по теме «Фронтенд и UI» →Сначала — magicpath от других авторов.
