Найти в Дзене

GPT-5 теперь не чат, а конструктор: как я собрал 8 офлайн-приложений (Промты+Приложения)

GPT-5 научился собирать полноценные веб-приложения под ключ — прямо из промпта. Я проверил это на практике: сделал «мини-фотошоп», интерактивный 3D-объект, симулятор полёта на Марс, детский квест и другие приложения — всё офлайн и на русском. Делюсь опытом, промпт-шаблонами и выводами. Что нового в GPT-5 и почему это важно GPT-5 - уже стал похож на конструктор приложений.
Кейс 1. 3D-модель автомобиля Кейс 2. Детский Квест «Загадка, Счёт, Аудио сказка» Кейс 3. Тренажёр английского (офлайн) Кейс 4. Симулятор полёта на Марс Кейс 5. CRM-для бизнеса (дашборды) Кейс 6. Интерактивное дерево «Развитие рака» Кейс 7. Видеоредактор Кейс 8. «Художественный холст» — прототип мини-Photoshop GPT-5 vs GPT-4 (по моим впечатлениям) Где это полезно уже сегодня Будущее веб-разработки уже наступило, и оно выглядит так, будто создавать приложения может каждый. Чтобы вы тоже смогли убедиться в этом и повторить мои эксперименты, я подготовил все файлы. Скачайте готовые проекты и промпты по ссылке на мой GitH

GPT-5 научился собирать полноценные веб-приложения под ключ — прямо из промпта. Я проверил это на практике: сделал «мини-фотошоп», интерактивный 3D-объект, симулятор полёта на Марс, детский квест и другие приложения — всё офлайн и на русском. Делюсь опытом, промпт-шаблонами и выводами.

Что нового в GPT-5 и почему это важно

  • Полноценные Web-приложения из промпта.
  • Один HTML-файл, без внешних библиотек, работает офлайн.
  • Русский интерфейс «из коробки». Подписи, кнопки, подсказки — сразу по-русски.
  • Практические кейсы. От «холста» с кистью/ластиком до 3D-управления и обучающих квестов.
  • Ключевое: GPT-5 не только «генерирует код», а собирает готовые рабочие инструменты.

GPT-5 - уже стал похож на конструктор приложений.

Кейс 1. 3D-модель автомобиля

3D модель с помощью GPT-5
3D модель с помощью GPT-5
  • Промпт: Сделай интерактивный HTML-файл (без подключения внешних библиотек) с 3D-моделью машины на плоскости. Добавь элементы управления размером, цветом и положением, плавную анимацию вращения, возможность включить/выключить тени. Всё оффлайн, один файл, интерфейс на русском.
  • Результат: Я получил 3D-модель машины, которой можно управлять мышью и клавишами. Интерфейс позволял менять размер, цвет и положение объекта, а также включать/выключать тени.

Кейс 2. Детский Квест «Загадка, Счёт, Аудио сказка»

Детская игра с помощью GPT-5
Детская игра с помощью GPT-5
  • Промпт: Сделай HTML-файл (без внешних библиотек) — простая красочная детская игра, где персонаж собирает предметы и избегает препятствий. Управление стрелками/тачем, несколько уровней сложности, звуки и счёт очков. Оффлайн, один файл, на русском.
  • Результат: ИИ создал полноценную мини-игру с управлением, анимацией и подсчётом очков, работающую как на ПК, так и на мобильных устройствах.

Кейс 3. Тренажёр английского (офлайн)

Изучение английского с помощью GPT-5
Изучение английского с помощью GPT-5
  • Промпт: Сделай автономный HTML-файл (без внешних библиотек и без подключения к интернету) — оффлайн-тренажёр английского произношения и словаря. В нём: список слов/фраз с картинками и переводом, кнопка «Прослушать» (локальные звуки в base64), поле ввода, автоматическая проверка правильности, процент совпадения, счётчик прогресса и звёздочки за правильные ответы. Всё оффлайн, один файл, на русском.
  • Результат: Тренажёр работал полностью офлайн, озвучивая слова и фразы с помощью данных, зашитых прямо в HTML-файл. Он проверял произношение, давал оценку в процентах и подсчитывал очки.

Кейс 4. Симулятор полёта на Марс

Расчет полёта на Марс с помощью GPT-5
Расчет полёта на Марс с помощью GPT-5
  • Промпт: Сделай HTML-файл (без внешних библиотек) — симулятор полёта на Марс с возможностью менять параметры корабля, показывать прогресс-бар пути и время до прибытия. Интерфейс с ползунками, кнопка старт/пауза, анимация движения корабля по траектории. Всё оффлайн, один файл, на русском.
  • Результат: Приложение с анимированной траекторией, ползунками для изменения параметров и расчётом времени до Марса.

Кейс 5. CRM-для бизнеса (дашборды)

Дашборды для Бизнеса с помощью GPT-5
Дашборды для Бизнеса с помощью GPT-5
  • Промпт: Сделай автономный HTML-файл (без внешних библиотек) с CRM-дашбордом: плитки с ключевыми метриками, возможность перетаскивать и менять размер, фильтрация по периоду, сохранение раскладки в localStorage. Всё оффлайн, один файл, на русском.
  • Результат: GPT-5 собрал полноценный дашборд. Самое крутое — он реализовал не только перетаскивание и изменение размеров виджетов, но и сохранение раскладки прямо в браузере.

Кейс 6. Интерактивное дерево «Развитие рака»

Интерактивные карты в медицине с помощью GPT-5
Интерактивные карты в медицине с помощью GPT-5
  • Промпт: Сделай HTML-файл (без внешних библиотек) с интерактивным деревом, показывающим этапы развития рака. Узлы сворачиваются/разворачиваются, при наведении показываются описания, по умолчанию ветви скрыты. Всё оффлайн, один файл, на русском.
  • Результат: Визуализатор с удобной навигацией по сложной теме, где информация открывается по клику, а ветви можно сворачивать.

Кейс 7. Видеоредактор

Видеоредактор оффлайн с помощью GPT-5
Видеоредактор оффлайн с помощью GPT-5
  • Промпт: Сделай HTML-файл (без внешних библиотек), где можно загрузить видео, отобразить его и применить визуальные эффекты (яркость, контраст, ч/б, размытие и т.д.) с возможностью сохранить результат. Всё оффлайн, код в одном файле, интерфейс на русском.
  • Результат: Приложение позволяло загрузить видеофайл, в реальном времени применить к нему эффекты, такие как яркость и контраст, и сохранить результат.

Кейс 8. «Художественный холст» — прототип мини-Photoshop

Прототип мини-Photoshop с помощью GPT-5
Прототип мини-Photoshop с помощью GPT-5
  • Промпт: Сделай HTML-файл (без внешних библиотек) — графический холст с возможностью перетаскивать изображения, рисовать кистью, использовать ластик, пипетку, масштабирование, вращение, слои и экспорт результата в PNG. Оффлайн, один файл, премиум-стиль, на русском.
  • Что получил: Полноценный офлайн-редактор с загрузкой изображения, кистью, ластиком, пипеткой и инструментами масштабирования/вращения. Самое впечатляющее — GPT-5 создал даже поддержку слоёв и экспорт в PNG.

GPT-5 vs GPT-4 (по моим впечатлениям)

  • Быстрее и стабильнее на длинных промптах с требованиями к UX.
  • Лучше «держит» офлайн-ограничение (один файл, без CDN).
  • По 3D/интерактиву — ощутимо меньше падений по сравнению с тем, как у меня в четвёрке.

Где это полезно уже сегодня

  • быстрые прототипы для команды/клиента;
  • учебные демки и мини-инструменты;
  • детские игры и визуализации для уроков.
GPT-5
GPT-5

Будущее веб-разработки уже наступило, и оно выглядит так, будто создавать приложения может каждый. Чтобы вы тоже смогли убедиться в этом и повторить мои эксперименты, я подготовил все файлы. Скачайте готовые проекты и промпты по ссылке на мой GitHub: https://github.com/SmittMediaGroup/gpt-5

Какие приложения вы бы хотели создать с помощью ИИ? Поделитесь своими идеями в комментариях!