IP
Создать
Предварительный просмотр изображения демонстрации аннотаций локального веб-приложения.
Основное эталонное изображение

Демонстрация аннотирования локального веб-приложения

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

Это пример использования шаблона GPT Image 2 для Другие источники вдохновения . Используйте приведенный ниже шаблон, готовый к копированию, чтобы создать аналогичные визуальные элементы, и перед повторным использованием проверьте указание авторства Awesome GPT Image 2 Prompts и права на коммерческое использование.

Нужен полный набор подсказок? Воспользуйтесь Другие источники вдохновения Для получения дополнительных примеров по теме, или откройте раздел "Обзор тем" GPT Image 2 быстрый каталог Полный список примеров, многократно используемых структур и указание источников см. здесь.
Попробуйте эту подсказку

Free 1K preview

Generate one preview image instantly, no sign-up required.

…
1900/4000
Continue on Dovoo

Промпт

Подсказка для копирования

With REFERENCE_0 as context, create a follow-up screenshot demonstrating the “Build Web Apps” tool running as a local web app preview. Replace the plugin list view with a browser-style localhost workspace for {argument name="local address" default="127.0.0.1:4392"}, employing a clean white UI, soft shadows, and rounded corner panels.

Key Changes: Showcase an app building/annotation interface instead of the original plugin directory. Add a top bar with the local address displayed on the left and 3 small window/control icons on the right. Include a blue annotation status capsule in the upper right corner with the text {argument name="annotation status" default="Commenting"}, accompanied by a vertical three-dot menu.

Content Area: Create a gallery-style UI showcasing Chinese poster/card designs within rounded white panels. Include a left-side toolbar row with a search button and a blue comment/annotation button marked with “1”. Display at least two visible poster/card thumbnails in a dark brown, traditional Chinese visual style, while maintaining some grid-pattern transparent placeholder areas on the right panel.

Overlay: Position a large, floating, rounded corner annotation input bubble centered in the upper-middle of the content area. It should resemble an embedded AI comment editor, with slider/settings icons on the left, containing Chinese instruction text {argument name="comment text" default="The visual and overall design of this button doesn't align, please adjust it."}, a “Cancel” button, a microphone icon, and a black circular confirmation button with a white checkmark.

Bottom of the right preview panel: Add 3 operation buttons labeled “Open”, “Folder”, and “Path”, each accompanied by a simple line icon. Maintain the realism of the screenshot, as if it were a product demo requesting UI optimization using Build Web Apps combined with built-in HTML annotation.

Переменные подсказки

Редактируемые заполнители аргументов, найденные в подсказке, с их значениями по умолчанию.

3
Переменная
local address
По умолчанию
127.0.0.1:4392
Переменная
annotation status
По умолчанию
Commenting
Переменная
comment text
По умолчанию
The visual and overall design of this button doesn't align, please adjust it.

Best for

  • - Другие источники вдохновения visual exploration
  • - Image generation and reference-image edits
  • - Reusable briefs that keep source attribution visible

Change these parts

  • - Subject, product, character, or scene
  • - Aspect ratio, camera, lighting, and background
  • - Brand, text, color, and output constraints

Recommended model and settings

  • - Model: gpt-image-2
  • - Input mode: Текст в изображение
  • - Aspect ratio: source
  • - Commercial status: review original source

How to use this prompt

  1. 1. Copy the prompt and preserve its structure for the first test.
  2. 2. Replace the subject, context, and publishing channel.
  3. 3. Change one camera, lighting, or style variable per iteration.
  4. 4. Inspect the output, source, text, and rights before reuse.

Limitations, source, and reuse cautions

  • - Generated output is an editable draft, not factual, legal, or rights evidence.
  • - Review the linked source, people, brands, logos, text, and third-party media before commercial use.
Импортировано из Awesome GPT Image 2 Prompts . Требуется указание авторства. Статус коммерческого использования: allowed ; перед платным использованием ознакомьтесь с правами на источник.

Related prompt packs

Больше случаев в этой категории

Приоритет отдается категориям, совместимости с режимами ввода, качеству и низкому уровню риска.

6

Примечания по повторному использованию и источникам

Используйте это подсказку безопасно после предварительного просмотра дела.

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

Хотите получать подсказки без цензуры, общаться в чате и создавать контент?

На этом сайте всё безопасно для просмотра на работе. Для чата с ИИ без цензуры и генерации изображений/видео без цензуры, продолжайте пользоваться Stella AI.

В Stella AI чаты, изображения и видео без фильтров, созданные с помощью ИИ.