Fuente del ejemplo
@liyue_ai ↗ · Ejemplo #57
Se conserva el contenido original del ejemplo. Los resultados dependen de la versión del modelo, las imágenes de referencia y los parámetros; este sitio no garantiza reproducir el mismo resultado.
Diseño de interfaces / PROMPT #57
Diseño de interacción de interfaz · #57
Revisa la imagen y luego copia el prompt original. Si contiene variables, puedes personalizarlas a continuación.
01 / Configura tu versión
02 / Prompt completo · Original
{
"type": "mobile social media app UI mockup",
"platform": "Twitter/X dark mode",
"header": {
"status_bar": "time 19:28, bird icon, signal, wifi, battery",
"navigation": "back arrow, 'Tweet' title"
},
"post": {
"author": {
"avatar": "portrait of a Chinese emperor in red robes and black hat",
"display_name": "{argument name=\"display name\" default=\"Emperor Zhu Yuanzhang\"} 👑 [verified badge]",
"handle": "{argument name=\"handle\" default=\"@Emperor_Ming\"}"
},
"content": {
"text": "{argument name=\"tweet text\" default=\"I have ascended to the Dragon Throne! Today, I am proclaimed as the Emperor of the Ming Dynasty. The era of Hongwu has begun. Let us rebuild our great nation together!\"}",
"hashtags": "#MingDynasty #HongwuEra #NewBeginning",
"media_grid": {
"count": 3,
"images": [
"emperor seated on an ornate golden throne in red and gold robes",
"wide shot of a grand Chinese palace courtyard with a large crowd",
"emperor on horseback leading an army with a red dragon banner"
]
}
},
"metadata": {
"timestamp": "{argument name=\"timestamp\" default=\"1:36 PM · Jan 23, 1368\"}",
"engagement": "5,432 Retweets, 8,765 Quotes, 20.1K Likes, 102.3K Views"
},
"actions": "reply, retweet, like (red heart with '1'), share, upload"
},
"footer": {
"reply_bar": {
"avatar": "woman in red",
"placeholder": "Reply to Emperor Zhu Yuanzhang..."
},
"navigation_bar": "home, search, notifications (red '1' badge), messages"
}
}Copia el texto en tu generador de imágenes preferido. Este sitio ofrece exploración y edición de prompts, no genera imágenes directamente.
03 / Comprobación antes de generar
- Reemplaza las variables por tu contenido y comprueba si necesitas subir una imagen de referencia.
- Define el texto final si la imagen incluye palabras y compruébalo con atención tras la generación.
- Modifica solo un elemento a la vez (sujeto, iluminación o composición) para comparar resultados fácilmente.
Explora más inspiración similar
Más ejemplos de Diseño de interfaces
Diseño de interfaces
Anuncio comercial de lujo con pantalla rota para redes sociales
Ver prompt completo ↗#404
