плагин CX Codex GP ChatGPT официальный · OpenAI

magicpath · openai — плагин для Codex: что делает и как установить

Q: Как установить magicpath в Codex?

Плагин настраивается через файлы манифеста `.codex-plugin/plugin.json` и навыка `skills/magicpath/SKILL.md` в окружении Codex. Для выполнения операций требуется предварительно установить утилиту `magicpath-ai`.

Интегрирует MagicPath в Codex для поиска, переноса и редактирования компонентов интерфейса прямо из кодовой базы.

Открыть на GitHub

Что делает magicpath

Плагин связывает Codex с экосистемой MagicPath через утилиту magicpath-ai. С его помощью можно находить готовые UI-элементы, переносить локальные компоненты на онлайн-холст и подтягивать выбранные стили в проект. Если интерфейс уже написан в локальной папке или Git-репозитории, плагин помогает воссоздать его на холсте сервиса.

В состав пакета входят манифест .codex-plugin/plugin.json и инструкции skills/magicpath/SKILL.md со справочными материалами. Для визуальной сверки макетов используется встроенный браузер Codex, где отображается рабочий холст. Без установленной в системе утилиты magicpath-ai плагин не сможет выполнять команды.

Какие задачи решает

найти и встроить готовые UI-компоненты MagicPath
перенести вёрстку из локального Git-репозитория на холст
отредактировать элементы холста на основе локального кода
проверить визуальные правки во встроенном браузере

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

Найди в MagicPath компонент карточки профиля и покажи его код
Перенеси текущий макет из папки src/components на холст проекта в MagicPath
Открой холст MagicPath во встроенном браузере для проверки вёрстки

Вопросы о magicpath

Как установить magicpath в Codex?

Плагин настраивается через файлы манифеста .codex-plugin/plugin.json и навыка skills/magicpath/SKILL.md в окружении Codex. Для выполнения операций требуется предварительно установить утилиту magicpath-ai.

Что делает плагин magicpath?

Он позволяет искать, устанавливать и модифицировать компоненты MagicPath прямо из интерфейса Codex. Также инструмент переносит существующий код интерфейса из репозитория на виртуальный холст.

Как просматривать изменения на холсте?

Для визуального контроля плагин держит холст проекта открытым во встроенном браузере Codex во время работы над интерфейсом.

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

Все плагины по теме «Фронтенд и UI» →

Сначала — magicpath от других авторов.

magicpath MagicPathAI Ищет, показывает и ставит UI-компоненты MagicPath прямо из Claude через CLI magicpath-ai. Пригодится, когда нужно перенести готовый компонент в свой код. ★ 92звёзд репо 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звёзд репо

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

Весь набор →