
Демонстрация аннотирования локального веб-приложения
Создает реалистичный предварительный просмотр веб-приложения на локальном сервере, отображающий наложение аннотаций, используемое для запроса корректировок пользовательского интерфейса в процессе сборки веб-приложений.
Это пример использования шаблона gpt-image-2 для Другие источники вдохновения . Используйте приведенный ниже шаблон, готовый к копированию, чтобы создать аналогичные визуальные элементы, и перед повторным использованием проверьте указание авторства Awesome Nano Banana Pro Prompts и права на коммерческое использование.
Промпт
Подсказка для копирования
Используя REFERENCE_0 в качестве контекста, создайте последующий снимок экрана, демонстрирующий выбранный инструмент «Создание веб-приложений» в качестве предварительного просмотра локального веб-приложения. Замените список плагинов рабочим пространством localhost в стиле браузера с чистым белым интерфейсом, мягкими тенями и закругленными углами. Ключевые изменения: Отобразите интерфейс сборки/аннотирования приложения вместо исходного каталога плагинов. Добавьте верхнюю панель с локальным адресом слева и тремя маленькими окнами/значками управления справа. Добавьте синюю капсулу состояния аннотаций в правом верхнем углу с текстом «статус аннотаций» и вертикальным меню из трех точек рядом с ней. Область контента: Создайте интерфейс в стиле галереи, отображающий китайские плакаты/открытки в закругленной белой панели. Добавьте строку панели инструментов слева с кнопкой поиска и синей кнопкой комментариев/аннотаций, отмеченной цифрой «1». Отобразите как минимум два видимых эскиза плакатов/открыток в темно-коричневом традиционном китайском стиле, сохранив при этом некоторые прозрачные области-заполнители в виде шахматной доски в правой панели. Наложение: Разместите большой плавающий элемент ввода аннотации со скругленными углами по центру верхней части области контента. Он должен напоминать встроенный редактор комментариев с использованием ИИ, с ползунком/значком настроек слева, содержащим текст инструкции на китайском языке {argument name="comment text" default="Визуальное оформление и общий дизайн этой кнопки не соответствуют друг другу; пожалуйста, отрегулируйте его."}, кнопку «Отмена», небольшой значок микрофона и черную круглую кнопку подтверждения с белой галочкой. В нижней части правой панели предварительного просмотра: добавьте три кнопки действий с надписями «Открыть», «Папка» и «Путь», каждая с простым значком линии. Сохраняйте реализм скриншота, как если бы вы использовали функцию «Создать веб-приложения со встроенными HTML-аннотациями» для запроса оптимизации пользовательского интерфейса в демонстрации продукта.Переменные подсказки
Редактируемые заполнители аргументов, найденные в подсказке, с их значениями по умолчанию.
Больше случаев в этой категории
Приоритет отдается категориям, совместимости с режимами ввода, качеству и низкому уровню риска.






Примечания по повторному использованию и источникам
Используйте это подсказку безопасно после предварительного просмотра дела.
- 1.Скопируйте подсказку или откройте ее непосредственно в Dovoo с помощью кнопки генерации.
- 2.Настройте переменные, соотношение сторон и эталонные изображения в соответствии с вашими потребностями.
- 3.Перед публикацией или платным использованием проверьте права на источник, требования к указанию авторства, а также риски, связанные с использованием товарного знака или изображения.