Перейти к содержанию
Жизнь с AI
ПриложенияНавыкиСловарьСправочникТесты
Приложение CodexCodex CLIGitHubПромпт

Life with AI

Практичные приложения и понятные материалы для работы с искусственным интеллектом.

РазделыПриложенияНавыкиСловарьСправочник AIТесты
МатериалыНовости сайтаДокументация
ПоддержкаОбратная связьGitHubБезопасность
ПроектО проектеКонфиденциальностьУсловия использования

© 2026 Life with AI

Все навыки

OpenAI · Плагин

Product Design

ДизайнCodex

Помогает продумать и проверить внешний вид сайта или приложения до основной разработки. Можно начать с описания идеи, снимка экрана или ссылки на страницу: сравнить варианты оформления и создать интерактивный макет, который можно открыть и попробовать.

Для каких задач подходит Product Design

  • Есть идея сайта, но непонятно, как он должен выглядеть.Опишите задачу. Плагин поможет подготовить несколько вариантов оформления, чтобы вы могли сравнить их и выбрать подходящий.
  • Нужно переделать существующую страницу.Покажите её и объясните, что не устраивает. Плагин помогает разобрать неудобные места и предложить новое расположение элементов.
  • Есть понравившийся макет или снимок экрана.Помогает сделать из него интерактивную страницу, чтобы проверить кнопки, переходы и отображение на телефоне до основной разработки.

Что входит в плагин

  • Уточнение идеи, задачи и требований к сайту или приложению.
  • Варианты оформления и разбор удобства использования.
  • Создание и проверка интерактивного макета по изображению или странице.
Посмотреть все навыки пакета (10)Скрыть список навыков
  • audit

    Разбирает UX, доступность и пользовательские сценарии по скриншотам.

  • design-qa

    Сравнивает готовый прототип с исходным визуальным образцом; внутренний помощник пакета.

  • get-context

    Уточняет задачу и дизайн-бриф до проектирования.

  • ideate

    Предлагает визуальные направления и варианты дизайна.

  • image-to-code

    Переносит выбранный скриншот или макет в адаптивный frontend.

  • index

    Направляет задачу к подходящему навыку Product Design; служебный маршрутизатор.

  • research

    Исследует подтверждённые проблемы пользователей цифрового продукта.

  • share

    Публикует запускаемый прототип через выбранный пользователем инструмент.

  • url-to-code

    Воссоздаёт страницу по URL как локальный frontend-прототип.

  • user-context

    Сохраняет и сопровождает контекст продукта, бренда и дизайн-референсы.

Где можно использовать Product Design

Среды и варианты подключения

Здесь показано подключение пакета в Codex. Наличие официального варианта этого пакета для Claude Code или Cursor не подтверждено.

Условия переноса в другую среду

Разработчик обозначил лицензию как Proprietary. В проверенных материалах не найдено явного разрешения переносить этот пакет в другие среды. Рекомендуем официальный способ подключения; перед самостоятельной адаптацией уточните разрешение у OpenAI.

Явное разрешение на адаптацию пакета в другие среды не подтверждено. Перед переносом уточните условия у разработчика.

Условия использования: Proprietary

Как проверить и подключить плагин Product Design

Пакет уже может быть доступен в вашей среде. Сначала проверьте его наличие и состояние. Установка потребуется, только если пакет отсутствует.

Для отдельных задач могут понадобиться браузер, генерация изображений или подключённые инструменты дизайна. Нужный состав зависит от того, что вы хотите получить.

Приложение CodexCodex CLIGitHubПромпт

Подключение с помощью ассистента Codex

Для проверки, установки, настройки или обновления плагина откройте вкладку «Промпт», скопируйте текст и отправьте его в Codex. Ассистент проверит пакет и предложит необходимые действия. Перед установкой, обновлением или изменением настроек он запросит ваше подтверждение.

Подключение вручную в приложении Codex

  1. Откройте «Плагины» → Installed и найдите Product Design от OpenAI. Если плагин установлен и включён, повторная установка не нужна.
  2. Если плагина нет, найдите его в каталоге, откройте карточку и выберите установку.
  3. Если потребуется подключить сервис, ознакомьтесь с запрашиваемыми разрешениями и подтвердите подключение для нужных вам функций.
  4. Начните новый чат и опишите задачу для плагина.
Инструкция разработчика

Подключение с помощью ассистента Codex

Для проверки, установки, настройки или обновления плагина откройте вкладку «Промпт», скопируйте текст и отправьте его в Codex. Ассистент проверит пакет и предложит необходимые действия. Перед установкой, обновлением или изменением настроек он запросит ваше подтверждение.

Подключение вручную в Codex CLI

  1. В запущенном Codex CLI введите /plugins и найдите Product Design от OpenAI среди установленных плагинов. Если он установлен и включён, повторная установка не нужна.
  2. Если плагина нет, найдите его в каталоге /plugins, проверьте разработчика OpenAI и выберите установку.
  3. Если потребуется подключить сервис, ознакомьтесь с запрашиваемыми разрешениями и подтвердите подключение для нужных вам функций.
  4. Начните новую сессию Codex CLI и опишите задачу для плагина.
Инструкция разработчика

Подключение с помощью ассистента Codex

Для проверки, установки, настройки или обновления плагина откройте вкладку «Промпт», скопируйте текст и отправьте его в Codex. Ассистент проверит пакет и предложит необходимые действия. Перед установкой, обновлением или изменением настроек он запросит ваше подтверждение.

Подключение вручную из GitHub-каталога в Codex CLI

  1. В Codex CLI откройте /plugins и найдите Product Design от OpenAI среди установленных плагинов. Если он установлен и включён, повторная установка не нужна.
  2. Если плагина нет и вы хотите установить его из GitHub-каталога OpenAI, выполните команду ниже в обычном терминале. Она добавляет каталог в Codex CLI, но не устанавливает сам плагин.
  3. Запустите Codex CLI, откройте /plugins и найдите Product Design в добавленном каталоге. Проверьте разработчика OpenAI и выберите установку плагина.
  4. Если потребуется подключить сервис, ознакомьтесь с запрашиваемыми разрешениями и подтвердите подключение для нужных вам функций. Затем начните новую сессию Codex CLI и опишите задачу для плагина.
codex plugin marketplace add openai/plugins

GitHub-каталог содержит опубликованные примеры пакетов. Его версия может отличаться от версии в основном разделе «Плагины».

Инструкция разработчика

Подключение Product Design с помощью ассистента Codex

Скопируйте промпт в Codex. Ассистент сначала проверит наличие и состояние пакета; изменения потребуют вашего согласия.

Проверь, установлен ли официальный плагин OpenAI «Product Design» в моей среде Codex и доступен ли он для использования.

Официальный источник: https://github.com/openai/plugins/tree/main/plugins/product-design.

1. Без изменения файлов и настроек проверь наличие именно этого пакета, включён ли он и есть ли сообщения об ошибках загрузки. Наличие похожего встроенного навыка не считай установкой всего пакета.
2. Если пакет установлен, сравни установленную версию с доступной версией в официальном источнике, из которого он установлен. Если обновление не требуется, сообщи об этом. Если версию или актуальность определить нельзя, прямо объясни причину.
3. Если доступна более новая версия, сообщи установленную и новую версии, объясни официальный способ обновления и какие изменения он выполнит. Спроси, разрешаю ли я обновить пакет. После моего подтверждения выполни обновление и проверь установленную версию и состояние пакета.
4. Если пакет выключен или требует настройки, объясни причину и предложи конкретные действия. После моего подтверждения выполни их и проверь результат.
5. Если пакет отсутствует, объясни, как установить его официальным способом, какие подключения потребуются и какие файлы изменятся. После моего подтверждения установи пакет и проверь результат.
6. Если выполнить действие автоматически нельзя, дай точные шаги для моей версии приложения или CLI. Не сообщай об успешной установке или обновлении без проверки результата.

Используй только официальный пакет. Установку, обновление, переустановку и изменение настроек выполняй только после моего явного подтверждения предложенного действия. Не заменяй пакет сторонним аналогом и не переноси его в другую среду без подтверждённых условий использования.

Инструкция разработчика
Официальный источник

Материалы и условия использования опубликованы разработчиком.

* Информация представлена справочно. Актуальные возможности, способы установки и условия использования уточняйте в официальных материалах разработчика.