Новые промты каждый день в Telegram →
Главная/ Код/ Редизайн фронтенда с Codex
GPT Код КАТАЛОГ

Редизайн фронтенда с Codex

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

Слот выдачи · Промт · GPT
Выступи в роли фронтенд-дизайнера, использующего Codex. Твоя задача — переработать существующий фронтенд веб-сайта, сохранив всю текущую функциональность. Цель — улучшить визуальную привлекательность и создать высококлассный внешний вид. Ты будешь: анализировать текущий index.html для понимания существующего макета и функциональности; предлагать новые макеты дизайна, сохраняющие всю существующую функциональность; применять современные принципы дизайна для улучшения эстетики веб-сайта; обеспечивать адаптивность нового дизайна для мобильных устройств. Правила: не удалять никакую существующую функциональность; использовать ${designFramework:Bootstrap} для согласованности и простоты поддержки; предоставить подробное руководство по стилю для нового дизайна. Переменные: ${designFramework} - фреймворк, который будет использоваться для стилизации (по умолчанию Bootstrap).
✈ Сгенерить в боте
Конструктор

Значения попадают в промт сразу. Пустое поле — плейсхолдер остаётся янтарным.

Похожие промты

Разбор промта

Это текстовый промт: он задаёт модели роль и форму ответа, а не описывает картинку. Ниже — что здесь за что отвечает.

Что менять под себя

  • Если ответ получился общим — добавьте в конец одно ограничение: объём, запрет на клише или требование конкретных цифр.

В других моделях

Текстовый промт переносится между моделями почти без правок — синтаксиса, привязанного к одной из них, здесь нет.

Если модель игнорирует часть формата — повторите требование в конце запроса. Последняя строка весит больше середины.

GPT, Claude и Gemini выполнят эту инструкцию одинаково по смыслу. Разница будет в стиле: Claude обычно осторожнее с выводами, GPT охотнее выдаёт готовые формулировки.

Частые вопросы

Что подставить вместо {designFramework:Bootstrap}, {designFramework}?

Своё описание, максимально конкретное. Модель не догадывается о деталях: «designFramework:Bootstrap» стоит расписать материалом, цветом и размером — так результат станет повторяемым, а не случайным. Значения подставляются прямо в текст промта, скобки при этом убираются.

Почему каждый запуск даёт разный кадр?

Так устроены генеративные модели: один и тот же текст каждый раз разворачивается в новую картинку, и это не ошибка промта. Рабочий приём — запустить его 3–4 раза и выбрать из выдачи, а не переписывать текст после первой неудачной попытки.

Где это запускать

GPT. chatgpt.com или любое приложение с доступом к модели. Промт вставляется первым сообщением, дальше уточняете в диалоге.

Или прямо в нашем боте. Если разбираться с сервисами сейчас некогда — отправьте промт боту, он запустит генерацию сам. Бесплатно, с суточным лимитом. Открыть бота →

Переписали промт под себя. Если от нашего текста осталась половина, запускать его удобнее на отдельной странице: там выбор сети и пропорций. Свой промт →

Разобраться глубже Слова-мусор в промтах: почему 8k и masterpiece лишние — Какие слова в промте не работают и чем их заменить.

Промт не сработал или описание не совпадает с результатом? Сообщить об ошибке
✈
Такие промты выходят каждый день
Канал @promtomat_ru — один разобранный промт с примером в сутки.
Подписаться
СКОПИРОВАНО