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

Life with AI

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

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

© 2026 Life with AI

Все навыки

OpenAI · Плагин

Build Web Apps

ИнтерфейсыCodex

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

Для каких задач подходит Build Web Apps

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

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

  • Создание страниц и элементов интерфейса.
  • Проверка отображения и действий в браузере.
  • Рекомендации по компонентам, оплате через Stripe и базе PostgreSQL.
Посмотреть все навыки пакета (6)Скрыть список навыков
  • frontend-app-builder

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

  • frontend-testing-debugging

    Проверяет интерфейс в браузере, адаптивность, ошибки взаимодействия и консоли.

  • react-best-practices

    Рекомендации Vercel по производительности React и Next.js: загрузка данных, размер JavaScript-пакетов и отображение интерфейса.

  • shadcn-best-practices

    Помогает добавлять, настраивать и поддерживать компоненты интерфейса shadcn/ui.

  • stripe-best-practices

    Помогает выбирать API и строить платёжные интеграции Stripe.

  • supabase-best-practices

    Рекомендации Supabase по запросам, схеме и настройке PostgreSQL.

Где можно использовать Build Web Apps

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

Пакет подготовлен для Codex. В другой среде потребуется адаптация инструкций и проверка доступных инструментов.

Использование в других средах

В описании пакета указана MIT. Материалы, на которые она распространяется, можно использовать и изменять с сохранением уведомления об авторских правах и текста лицензии. Работа инструментов в другой среде не гарантируется; у отдельных компонентов и сервисов могут быть свои условия.

Разрешение относится к материалам, лицензированным по MIT. Сохраните уведомление об авторских правах и текст лицензии. Совместимость инструментов и условия отдельных сервисов проверяются отдельно.

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

Как проверить и подключить плагин Build Web Apps

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

Для создания и проверки интерфейса могут понадобиться браузерные инструменты и генерация изображений. Подключения Stripe и Supabase нужны для соответствующих задач.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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