Gemini 3 Pro Biblioteca de prompts
Explora ejemplos de prompts para Gemini 3 Pro en distintos casos de exploracion visual, ideacion y validacion creativa.
Una instrucción concisa para construir una interfaz de tienda con la temática de "Charlie Brown en Acción de Gracias", adecuada como diseño de escaparate web.
Créame una tienda con el tema y estilo de {argument name="theme_en" default="Thanksgiving Charlie Brown"}.
Un *prompt* en inglés utilizado dentro de una *skill* de Claude Code que le pide a Gemini 3 Pro que diseñe una página de destino futurista y rica en animaciones para un nuevo juego de IA.
Quiero diseñar la página de destino para un nuevo {argument name="product_type_en" default="juego de IA"}. Queremos que tenga un aspecto futurista y que utilice tantas animaciones como sea posible.
Tres sencillas instrucciones para Gemini 3.0 que demuestran cómo añadir estilo e imágenes —específicamente un diseño estilo Linear y una instrucción de imagen— cambia la calidad de una página "hello world" generada.
Ayúdame a crear una página de "hello world". Ayúdame a crear una página de "hello world" con estilo {argument name="style_en" default="Linear"}. Ayúdame a crear una página de "hello world" con estilo {argument name="style_en" default="Linear"}.
Un *prompt* detallado y extenso en japonés para diseñar una página web de experiencia de producto 3D de lujo para relojes de alta gama, utilizando Next.js, Three.js, React Three Fiber, GLSL y requisitos específicos de secciones de desplazamiento y *shaders*.
Diseñar una página de experiencia de producto en 3D para un reloj de pulsera de lujo. **Usuarios objetivo:** clientes adinerados, entusiastas de los relojes y empresarios de 30 a 50 años. **Tono de la marca:** Lujo × Tecnología (una sensación moderna, sofisticada y de alta gama). Experiencia de desplazamiento (5 secciones): Sección principal (Hero) – el reloj de pulsera aparece lentamente de la oscuridad a la luz mientras gira. Implementar efectos holográficos y reflexiones de Fresnel con sombreadores personalizados. Zoom de detalles – primer plano de la esfera. Utilizar GLSL para lograr reflejos metálicos, mapeo de paralaje y brillo en tiempo real. Desglose del mecanismo – el reloj se desmonta y el movimiento interno flota en el espacio. Utilizar un sombreador de desplazamiento para un efecto de campo de energía y añadir efectos de brillo a cada parte. Experiencia de materiales – cambiar entre diferentes variaciones de materiales. Expresar la metalicidad, la refracción del vidrio y la textura mate del titanio con sombreadores PBR de forma físicamente precisa. Final – el reloj se vuelve a ensamblar, con un fondo abstracto de malla de gradiente hecho con un sombreador personalizado. Aplicar postprocesado como *bloom* y profundidad de campo. **Pila tecnológica:** Next.js 15 + Three.js + React Three Fiber + GLSL (sombreadores personalizados) + react-postprocessing + Lenis. Requisitos de los sombreadores: Sombreador de reflexión de Fresnel (efecto de luz de borde) Sombreador de material PBR (rugosidad, metálico, AO) Sombreador holográfico (efecto de interferencia iridiscente) Sombreador de desplazamiento (efectos de ondulación y distorsión) Sombreador de fondo personalizado (ruido de gradiente) Postprocesado: Bloom, ChromaticAberration, DepthOfField, Vignette. Por favor, proponga valores numéricos específicos para: Rango de desplazamiento de cada sección (en % o unidades vh) Parámetros de animación (valores iniciales/finales para posición, rotación, escala, etc.) Funciones de *easing* (tipo de *ease*) FOV, posición y valores de objetivo de la cámara Configuración de iluminación (intensidad, color, posición) Valores uniformes para cada sombreador (progresión del tiempo, progreso del desplazamiento, tono, intensidad, etc.).
Un *prompt* chino humorístico que simula el rol de un maestro programador de juegos experimentado y describe la creación de un editor usando WebCodecs y la captura de la jugabilidad de Zelda: Breath of the Wild.
Eres un veterano maestro de la programación de videojuegos. Por favor, ayúdame a escribir un editor cuyo módulo de renderizado utilice WebCodecs. Enciende la Switch e inserta {argument name="game_title_en" default="The Legend of Zelda: Breath of the Wild"}. Ten cuidado de no lamer el cartucho, es un poco amargo. Utiliza una tarjeta de captura profesional para grabar el video, completa el desafío del Santuario Olvidado y usa una bomba de viento, todo dentro de un límite de tiempo de 60 segundos.
Una secuencia de instrucciones detallada y de varios pasos para que Gemini 3 Pro construya una página de destino de un reloj inteligente de lujo utilizando Three.js, Anime.js y Tailwind, y luego la refine en un sitio de desplazamiento de varias secciones con animaciones e interacciones avanzadas.
Crea un archivo HTML para una página de {argument name="product_type_en" default="reloj inteligente de lujo"} usando Three.js, Anime.js y Tailwind. Haz un modelo 3D de {argument name="main_object_en" default="reloj"}, una superposición oscura texturizada con un agujero redondo que muestre el {argument name="main_object_background_en" default="reloj sobre fondo beige"}, y anima el encabezado y los números grandes para que se deslicen al cargar la página. Haz la página más profesional. Reemplaza el agujero estático con un iris que se abre al cargar. Añade una cúpula de cristal sobre la {argument name="focus_area_en" default="esfera del reloj"} con reflejos, mejora los materiales metálicos, añade paralaje de ratón para que el {argument name="parallax_target_en" default="reloj"} gire con el cursor, y dibuja la hora y los anillos de actividad física en la {argument name="dial_area_en" default="esfera del reloj"}. Convierte la pantalla única en un sitio de desplazamiento con múltiples secciones. Cuando el usuario se desplace, anima el {argument name="scroll_object_en" default="reloj"} 3D para que se mueva y gire y coincida con cada sección. Mantén el lienzo 3D y el fondo fijos mientras el texto se desplaza sobre ellos; solo el {argument name="moving_element_en" default="reloj"} se mueve. - lienzo fijo: posiciona el lienzo
Un *prompt* en japonés que le pide a Gemini que genere 40 iconos SVG sencillos y versátiles en estilo de línea azul claro con botones de descarga para cada icono.
Genera {argument name="icon_count_en" default="40"} iconos sencillos y muy versátiles en formato SVG. Asegúrate de dibujarlos en un lienzo. El color debe ser {argument name="icon_color_en" default="light blue"}. El fondo debe ser {argument name="background_color_en" default="white"}. Utiliza iconos de estilo lineal con un toque de Material Design. Añade un botón que permita a los usuarios descargar cada icono SVG como datos SVG.
Un *prompt* en inglés para diseñar un entorno de jardín de pagoda de arte voxel colorido como un archivo HTML completamente autónomo que se ejecute en Chrome, utilizando cualquier biblioteca de voxel/WebGL.
Diseña un entorno de voxel-art ricamente elaborado con una ornamentada {argument name="main_structure_en" default="pagoda"} ubicada en un jardín vibrante. Incluye vegetación diversa —especialmente {argument name="key_tree_en" default="cerezos en flor"}— y asegúrate de que la composición se sienta viva, colorida y visualmente impactante. Usa cualquier biblioteca de voxel o WebGL que prefieras, pero entrega el proyecto completo como un único archivo HTML autocontenido que pueda pegar y abrir directamente en Chrome.
Un *prompt* en chino para recrear un panel de control de datos de criptomonedas futurista en modo oscuro con *glassmorphism*, detalles de neón y la elegante tipografía Inter.
Recrea un panel de datos de criptomonedas futurista en modo oscuro: utiliza un fondo general de obsidiana de alto contraste, elementos de interfaz de usuario de *glassmorphism* con contornos degradados, tipografía Inter delgada y visualizaciones de datos financieros con efectos de iluminación de neón.
Un *prompt* para diseñar una animación SVG precisa de una noria mecánica con engranajes, articulaciones y cabinas autonivelantes, con salida en HTML.
Diseña una animación mecánica de una noria SVG que incluya una rueda principal, cojinetes centrales, un bastidor de soporte, un conjunto de engranajes de transmisión y de 8 a 12 cabinas con un mecanismo de autonivelación inversa para mantenerlas horizontales. Todos los enlaces y transmisiones de engranajes deben ser precisos, mostrando la cadena de transmisión mecánica completa y la lógica de rotación inversa que mantiene las cabinas niveladas. El resultado debe estar en formato HTML.
Un *prompt* largo al estilo inglés (en chino) pidiéndole a Gemini que cree un sitio web de cursos de entrenamiento en chino inspirado en Keep, con Tailwind CSS adaptable, tarjetas de cursos, filtros y ventanas emergentes de video coincidentes.
Cree una página web de "curso de entrenamiento" china inspirada en {argument name="reference_brand_en" default="Keep"}: incluya una imagen de héroe de atleta a pantalla completa, navegación fija transparente, categorías de etiquetas de cápsula chinas y una cuadrícula de tarjetas de cursos chinas. Cada tarjeta de curso corresponde a un programa de entrenamiento; utilice los estilos de curso de creadores como {argument name="instructor_examples_en" default="Pamela, Zhou Liuye, Han Xiaosi, Jojie, Liu Genghong"} como referencias para diseñar títulos y etiquetas chinas para la dificultad y la duración. Al hacer clic en una tarjeta, abra un reproductor de video de vista previa del curso dentro de la página que coincida estrictamente con la información de la tarjeta. En general, mantenga el diseño minimalista pero detallado, utilizando desplazamiento suave y animaciones al pasar el ratón, degradados suaves y tipografía refinada para crear una experiencia china de alta gama. Utilice Tailwind CSS para implementar un diseño totalmente responsivo.
Un *prompt* en inglés para crear una página de fitness china estilo Keep con un cuerpo SVG interactivo, filtros y tarjetas de ejercicios en un solo archivo HTML usando Tailwind y JavaScript.
Cree una página de fitness china al estilo Keep con una interfaz de usuario limpia y moderna, un cuerpo SVG interactivo (vistas frontal/posterior, donde al hacer clic en un músculo este se resalta), filtros chinos (género/nivel/equipo) y tarjetas de ejercicios. Entréguela como un único archivo HTML utilizando Tailwind + JavaScript.
Un breve *prompt* en inglés para crear un sitio web de estilo neobrutalista con animaciones de desplazamiento suaves, colores vibrantes y un diseño responsivo basado en Tailwind.
Crea un sitio web neobrutalista que traspase los límites de la creatividad. Incluye animaciones de desplazamiento suaves, colores vibrantes y estilos de Tailwind ES, y hazlo totalmente responsivo.
Un prompt chino en profundidad que describe una aplicación de cámara web con una sensación retro de Polaroid, vista previa de la cámara web en vivo, animación de revelado de fotos y fotos arrastrables que forman un muro de collage.
Por favor, desarrolla una aplicación de cámara web con una atmósfera retro de Polaroid. Coloca un modelo de cámara Polaroid en la esquina inferior izquierda de la página que pueda activar la cámara web del usuario y mostrar una vista previa en tiempo real. Después de hacer clic en el obturador, un trozo de "papel fotográfico" sale lentamente de la parte superior de la cámara, y la foto se revela, pasando de borrosa a nítida. Los usuarios pueden arrastrar la foto completamente revelada desde encima de la cámara a cualquier posición de la página, creando un diseño libre similar a un "muro de collage de fotos".
Un *prompt* para crear una aplicación web china donde los usuarios registren sus sueños cada mañana, hagan un *collage* de ilustraciones con *stickers* y, finalmente, generen una tarjeta de sueños tipo tarot.
Genera una aplicación web china donde los usuarios registren sus sueños cada mañana. La aplicación proporciona una gran cantidad de "pegatinas de ilustración" para hacer collages y reconstruir las escenas de los sueños, y finalmente genera una tarjeta de sueños que parece una carta del tarot.
Un *prompt* de estilo de sistema en inglés que hace que Gemini actúe como un ingeniero *frontend* de talla mundial para construir una aplicación de construcción de ladrillos 3D tipo Minecraft utilizando React, Three.js, Tailwind CSS y la API de Gemini.
Actúa como un ingeniero frontend y diseñador UX de talla mundial. Crea una {argument name="application_name_en" default="aplicación de construcción de ladrillos 3D"} usando React, Three.js (@react-three/fiber), Tailwind CSS y la API de Google Gemini (@google/genai). ## Filosofía de diseño - **Tema**: {argument name="theme_en" default="Base Blanca"} con estética moderna.
Un *prompt* para crear una interfaz web en chino que analice los tipos de MBTI de los tuits, llamando a un *backend* impulsado por Gemini y con el tema oscuro de Linear.
Crea un analizador X MBTI: el usuario pega un tweet → el frontend llama a un backend (que usa la API de Gemini para inferir el tipo MBTI). El estilo de diseño debe seguir a Linear, solo en modo oscuro, con una sensación minimalista pero de alta calidad y detalles refinados. La interfaz debe estar en chino.
Un prompt en chino para Gemini 3 Pro para generar una aplicación web de vestuario Hanfu donde los usuarios suben una foto para probarse virtualmente ropa de diferentes dinastías y personalizar horquillas y maquillaje.
Genera una aplicación de vestuario Hanfu con IA en chino. Utiliza tecnología de intercambio de caras con IA o de formas corporales en 3D. Los usuarios suben una foto y, con un solo clic, pueden "probarse" Hanfu de varias dinastías ({argument name="dynasty_1_en" default="Tang"}, {argument name="dynasty_2_en" default="Song"}, {argument name="dynasty_3_en" default="Ming"}), o personalizar horquillas y maquillaje ellos mismos.
Un *prompt* en chino para Gemini 3 Pro para construir una máquina de escribir web de estilo *pager* retro Motorola Fix Beeper que convierte el texto introducido por el usuario en tarjetas arrastrables con una animación de escritura lenta en el centro de la página.
Ayúdame a crear una aplicación web de máquina de escribir retro, con la temática de {argument name="device_name_en" default="Motorola Fix Beeper"}. En el centro de la página, muestra una máquina de escribir que pueda tomar el texto introducido por el usuario y generarlo como una tarjeta, con un efecto similar al tecleo lento de una máquina de escribir, y permite que la tarjeta se arrastre a áreas vacías.
Un *prompt* para Gemini 3 Pro para construir una aplicación web china de una sola página que presente cada estrella o constelación como un libro de imágenes, combinando las líneas de las constelaciones con personajes mitológicos ilustrados.
Genera una aplicación web en {argument name="language_en" default="chino"} que cuente las historias de la mitología griega de cada estrella o constelación en forma de libro ilustrado. No solo debe mostrar las líneas de conexión de la constelación, sino también ilustraciones de los personajes mitológicos.
Una instrucción concisa para construir una interfaz de tienda con la temática de "Charlie Brown en Acción de Gracias", adecuada como diseño de escaparate web.
Créame una tienda con el tema y estilo de {argument name="theme_en" default="Thanksgiving Charlie Brown"}.
Un *prompt* detallado y extenso en japonés para diseñar una página web de experiencia de producto 3D de lujo para relojes de alta gama, utilizando Next.js, Three.js, React Three Fiber, GLSL y requisitos específicos de secciones de desplazamiento y *shaders*.
Diseñar una página de experiencia de producto en 3D para un reloj de pulsera de lujo. **Usuarios objetivo:** clientes adinerados, entusiastas de los relojes y empresarios de 30 a 50 años. **Tono de la marca:** Lujo × Tecnología (una sensación moderna, sofisticada y de alta gama). Experiencia de desplazamiento (5 secciones): Sección principal (Hero) – el reloj de pulsera aparece lentamente de la oscuridad a la luz mientras gira. Implementar efectos holográficos y reflexiones de Fresnel con sombreadores personalizados. Zoom de detalles – primer plano de la esfera. Utilizar GLSL para lograr reflejos metálicos, mapeo de paralaje y brillo en tiempo real. Desglose del mecanismo – el reloj se desmonta y el movimiento interno flota en el espacio. Utilizar un sombreador de desplazamiento para un efecto de campo de energía y añadir efectos de brillo a cada parte. Experiencia de materiales – cambiar entre diferentes variaciones de materiales. Expresar la metalicidad, la refracción del vidrio y la textura mate del titanio con sombreadores PBR de forma físicamente precisa. Final – el reloj se vuelve a ensamblar, con un fondo abstracto de malla de gradiente hecho con un sombreador personalizado. Aplicar postprocesado como *bloom* y profundidad de campo. **Pila tecnológica:** Next.js 15 + Three.js + React Three Fiber + GLSL (sombreadores personalizados) + react-postprocessing + Lenis. Requisitos de los sombreadores: Sombreador de reflexión de Fresnel (efecto de luz de borde) Sombreador de material PBR (rugosidad, metálico, AO) Sombreador holográfico (efecto de interferencia iridiscente) Sombreador de desplazamiento (efectos de ondulación y distorsión) Sombreador de fondo personalizado (ruido de gradiente) Postprocesado: Bloom, ChromaticAberration, DepthOfField, Vignette. Por favor, proponga valores numéricos específicos para: Rango de desplazamiento de cada sección (en % o unidades vh) Parámetros de animación (valores iniciales/finales para posición, rotación, escala, etc.) Funciones de *easing* (tipo de *ease*) FOV, posición y valores de objetivo de la cámara Configuración de iluminación (intensidad, color, posición) Valores uniformes para cada sombreador (progresión del tiempo, progreso del desplazamiento, tono, intensidad, etc.).
Una secuencia de instrucciones detallada y de varios pasos para que Gemini 3 Pro construya una página de destino de un reloj inteligente de lujo utilizando Three.js, Anime.js y Tailwind, y luego la refine en un sitio de desplazamiento de varias secciones con animaciones e interacciones avanzadas.
Crea un archivo HTML para una página de {argument name="product_type_en" default="reloj inteligente de lujo"} usando Three.js, Anime.js y Tailwind. Haz un modelo 3D de {argument name="main_object_en" default="reloj"}, una superposición oscura texturizada con un agujero redondo que muestre el {argument name="main_object_background_en" default="reloj sobre fondo beige"}, y anima el encabezado y los números grandes para que se deslicen al cargar la página. Haz la página más profesional. Reemplaza el agujero estático con un iris que se abre al cargar. Añade una cúpula de cristal sobre la {argument name="focus_area_en" default="esfera del reloj"} con reflejos, mejora los materiales metálicos, añade paralaje de ratón para que el {argument name="parallax_target_en" default="reloj"} gire con el cursor, y dibuja la hora y los anillos de actividad física en la {argument name="dial_area_en" default="esfera del reloj"}. Convierte la pantalla única en un sitio de desplazamiento con múltiples secciones. Cuando el usuario se desplace, anima el {argument name="scroll_object_en" default="reloj"} 3D para que se mueva y gire y coincida con cada sección. Mantén el lienzo 3D y el fondo fijos mientras el texto se desplaza sobre ellos; solo el {argument name="moving_element_en" default="reloj"} se mueve. - lienzo fijo: posiciona el lienzo
Un *prompt* en inglés para diseñar un entorno de jardín de pagoda de arte voxel colorido como un archivo HTML completamente autónomo que se ejecute en Chrome, utilizando cualquier biblioteca de voxel/WebGL.
Diseña un entorno de voxel-art ricamente elaborado con una ornamentada {argument name="main_structure_en" default="pagoda"} ubicada en un jardín vibrante. Incluye vegetación diversa —especialmente {argument name="key_tree_en" default="cerezos en flor"}— y asegúrate de que la composición se sienta viva, colorida y visualmente impactante. Usa cualquier biblioteca de voxel o WebGL que prefieras, pero entrega el proyecto completo como un único archivo HTML autocontenido que pueda pegar y abrir directamente en Chrome.
Un *prompt* para diseñar una animación SVG precisa de una noria mecánica con engranajes, articulaciones y cabinas autonivelantes, con salida en HTML.
Diseña una animación mecánica de una noria SVG que incluya una rueda principal, cojinetes centrales, un bastidor de soporte, un conjunto de engranajes de transmisión y de 8 a 12 cabinas con un mecanismo de autonivelación inversa para mantenerlas horizontales. Todos los enlaces y transmisiones de engranajes deben ser precisos, mostrando la cadena de transmisión mecánica completa y la lógica de rotación inversa que mantiene las cabinas niveladas. El resultado debe estar en formato HTML.
Un *prompt* en inglés para crear una página de fitness china estilo Keep con un cuerpo SVG interactivo, filtros y tarjetas de ejercicios en un solo archivo HTML usando Tailwind y JavaScript.
Cree una página de fitness china al estilo Keep con una interfaz de usuario limpia y moderna, un cuerpo SVG interactivo (vistas frontal/posterior, donde al hacer clic en un músculo este se resalta), filtros chinos (género/nivel/equipo) y tarjetas de ejercicios. Entréguela como un único archivo HTML utilizando Tailwind + JavaScript.
Un prompt chino en profundidad que describe una aplicación de cámara web con una sensación retro de Polaroid, vista previa de la cámara web en vivo, animación de revelado de fotos y fotos arrastrables que forman un muro de collage.
Por favor, desarrolla una aplicación de cámara web con una atmósfera retro de Polaroid. Coloca un modelo de cámara Polaroid en la esquina inferior izquierda de la página que pueda activar la cámara web del usuario y mostrar una vista previa en tiempo real. Después de hacer clic en el obturador, un trozo de "papel fotográfico" sale lentamente de la parte superior de la cámara, y la foto se revela, pasando de borrosa a nítida. Los usuarios pueden arrastrar la foto completamente revelada desde encima de la cámara a cualquier posición de la página, creando un diseño libre similar a un "muro de collage de fotos".
Un *prompt* de estilo de sistema en inglés que hace que Gemini actúe como un ingeniero *frontend* de talla mundial para construir una aplicación de construcción de ladrillos 3D tipo Minecraft utilizando React, Three.js, Tailwind CSS y la API de Gemini.
Actúa como un ingeniero frontend y diseñador UX de talla mundial. Crea una {argument name="application_name_en" default="aplicación de construcción de ladrillos 3D"} usando React, Three.js (@react-three/fiber), Tailwind CSS y la API de Google Gemini (@google/genai). ## Filosofía de diseño - **Tema**: {argument name="theme_en" default="Base Blanca"} con estética moderna.
Un prompt en chino para Gemini 3 Pro para generar una aplicación web de vestuario Hanfu donde los usuarios suben una foto para probarse virtualmente ropa de diferentes dinastías y personalizar horquillas y maquillaje.
Genera una aplicación de vestuario Hanfu con IA en chino. Utiliza tecnología de intercambio de caras con IA o de formas corporales en 3D. Los usuarios suben una foto y, con un solo clic, pueden "probarse" Hanfu de varias dinastías ({argument name="dynasty_1_en" default="Tang"}, {argument name="dynasty_2_en" default="Song"}, {argument name="dynasty_3_en" default="Ming"}), o personalizar horquillas y maquillaje ellos mismos.
Un *prompt* para Gemini 3 Pro para construir una aplicación web china de una sola página que presente cada estrella o constelación como un libro de imágenes, combinando las líneas de las constelaciones con personajes mitológicos ilustrados.
Genera una aplicación web en {argument name="language_en" default="chino"} que cuente las historias de la mitología griega de cada estrella o constelación en forma de libro ilustrado. No solo debe mostrar las líneas de conexión de la constelación, sino también ilustraciones de los personajes mitológicos.
Un *prompt* en inglés utilizado dentro de una *skill* de Claude Code que le pide a Gemini 3 Pro que diseñe una página de destino futurista y rica en animaciones para un nuevo juego de IA.
Quiero diseñar la página de destino para un nuevo {argument name="product_type_en" default="juego de IA"}. Queremos que tenga un aspecto futurista y que utilice tantas animaciones como sea posible.
Tres sencillas instrucciones para Gemini 3.0 que demuestran cómo añadir estilo e imágenes —específicamente un diseño estilo Linear y una instrucción de imagen— cambia la calidad de una página "hello world" generada.
Ayúdame a crear una página de "hello world". Ayúdame a crear una página de "hello world" con estilo {argument name="style_en" default="Linear"}. Ayúdame a crear una página de "hello world" con estilo {argument name="style_en" default="Linear"}.
Un *prompt* chino humorístico que simula el rol de un maestro programador de juegos experimentado y describe la creación de un editor usando WebCodecs y la captura de la jugabilidad de Zelda: Breath of the Wild.
Eres un veterano maestro de la programación de videojuegos. Por favor, ayúdame a escribir un editor cuyo módulo de renderizado utilice WebCodecs. Enciende la Switch e inserta {argument name="game_title_en" default="The Legend of Zelda: Breath of the Wild"}. Ten cuidado de no lamer el cartucho, es un poco amargo. Utiliza una tarjeta de captura profesional para grabar el video, completa el desafío del Santuario Olvidado y usa una bomba de viento, todo dentro de un límite de tiempo de 60 segundos.
Un *prompt* en japonés que le pide a Gemini que genere 40 iconos SVG sencillos y versátiles en estilo de línea azul claro con botones de descarga para cada icono.
Genera {argument name="icon_count_en" default="40"} iconos sencillos y muy versátiles en formato SVG. Asegúrate de dibujarlos en un lienzo. El color debe ser {argument name="icon_color_en" default="light blue"}. El fondo debe ser {argument name="background_color_en" default="white"}. Utiliza iconos de estilo lineal con un toque de Material Design. Añade un botón que permita a los usuarios descargar cada icono SVG como datos SVG.
Un *prompt* en chino para recrear un panel de control de datos de criptomonedas futurista en modo oscuro con *glassmorphism*, detalles de neón y la elegante tipografía Inter.
Recrea un panel de datos de criptomonedas futurista en modo oscuro: utiliza un fondo general de obsidiana de alto contraste, elementos de interfaz de usuario de *glassmorphism* con contornos degradados, tipografía Inter delgada y visualizaciones de datos financieros con efectos de iluminación de neón.
Un *prompt* largo al estilo inglés (en chino) pidiéndole a Gemini que cree un sitio web de cursos de entrenamiento en chino inspirado en Keep, con Tailwind CSS adaptable, tarjetas de cursos, filtros y ventanas emergentes de video coincidentes.
Cree una página web de "curso de entrenamiento" china inspirada en {argument name="reference_brand_en" default="Keep"}: incluya una imagen de héroe de atleta a pantalla completa, navegación fija transparente, categorías de etiquetas de cápsula chinas y una cuadrícula de tarjetas de cursos chinas. Cada tarjeta de curso corresponde a un programa de entrenamiento; utilice los estilos de curso de creadores como {argument name="instructor_examples_en" default="Pamela, Zhou Liuye, Han Xiaosi, Jojie, Liu Genghong"} como referencias para diseñar títulos y etiquetas chinas para la dificultad y la duración. Al hacer clic en una tarjeta, abra un reproductor de video de vista previa del curso dentro de la página que coincida estrictamente con la información de la tarjeta. En general, mantenga el diseño minimalista pero detallado, utilizando desplazamiento suave y animaciones al pasar el ratón, degradados suaves y tipografía refinada para crear una experiencia china de alta gama. Utilice Tailwind CSS para implementar un diseño totalmente responsivo.
Un breve *prompt* en inglés para crear un sitio web de estilo neobrutalista con animaciones de desplazamiento suaves, colores vibrantes y un diseño responsivo basado en Tailwind.
Crea un sitio web neobrutalista que traspase los límites de la creatividad. Incluye animaciones de desplazamiento suaves, colores vibrantes y estilos de Tailwind ES, y hazlo totalmente responsivo.
Un *prompt* para crear una aplicación web china donde los usuarios registren sus sueños cada mañana, hagan un *collage* de ilustraciones con *stickers* y, finalmente, generen una tarjeta de sueños tipo tarot.
Genera una aplicación web china donde los usuarios registren sus sueños cada mañana. La aplicación proporciona una gran cantidad de "pegatinas de ilustración" para hacer collages y reconstruir las escenas de los sueños, y finalmente genera una tarjeta de sueños que parece una carta del tarot.
Un *prompt* para crear una interfaz web en chino que analice los tipos de MBTI de los tuits, llamando a un *backend* impulsado por Gemini y con el tema oscuro de Linear.
Crea un analizador X MBTI: el usuario pega un tweet → el frontend llama a un backend (que usa la API de Gemini para inferir el tipo MBTI). El estilo de diseño debe seguir a Linear, solo en modo oscuro, con una sensación minimalista pero de alta calidad y detalles refinados. La interfaz debe estar en chino.
Un *prompt* en chino para Gemini 3 Pro para construir una máquina de escribir web de estilo *pager* retro Motorola Fix Beeper que convierte el texto introducido por el usuario en tarjetas arrastrables con una animación de escritura lenta en el centro de la página.
Ayúdame a crear una aplicación web de máquina de escribir retro, con la temática de {argument name="device_name_en" default="Motorola Fix Beeper"}. En el centro de la página, muestra una máquina de escribir que pueda tomar el texto introducido por el usuario y generarlo como una tarjeta, con un efecto similar al tecleo lento de una máquina de escribir, y permite que la tarjeta se arrastre a áreas vacías.
Una instrucción concisa para construir una interfaz de tienda con la temática de "Charlie Brown en Acción de Gracias", adecuada como diseño de escaparate web.
Créame una tienda con el tema y estilo de {argument name="theme_en" default="Thanksgiving Charlie Brown"}.
Un *prompt* chino humorístico que simula el rol de un maestro programador de juegos experimentado y describe la creación de un editor usando WebCodecs y la captura de la jugabilidad de Zelda: Breath of the Wild.
Eres un veterano maestro de la programación de videojuegos. Por favor, ayúdame a escribir un editor cuyo módulo de renderizado utilice WebCodecs. Enciende la Switch e inserta {argument name="game_title_en" default="The Legend of Zelda: Breath of the Wild"}. Ten cuidado de no lamer el cartucho, es un poco amargo. Utiliza una tarjeta de captura profesional para grabar el video, completa el desafío del Santuario Olvidado y usa una bomba de viento, todo dentro de un límite de tiempo de 60 segundos.
Un *prompt* en japonés que le pide a Gemini que genere 40 iconos SVG sencillos y versátiles en estilo de línea azul claro con botones de descarga para cada icono.
Genera {argument name="icon_count_en" default="40"} iconos sencillos y muy versátiles en formato SVG. Asegúrate de dibujarlos en un lienzo. El color debe ser {argument name="icon_color_en" default="light blue"}. El fondo debe ser {argument name="background_color_en" default="white"}. Utiliza iconos de estilo lineal con un toque de Material Design. Añade un botón que permita a los usuarios descargar cada icono SVG como datos SVG.
Un *prompt* para diseñar una animación SVG precisa de una noria mecánica con engranajes, articulaciones y cabinas autonivelantes, con salida en HTML.
Diseña una animación mecánica de una noria SVG que incluya una rueda principal, cojinetes centrales, un bastidor de soporte, un conjunto de engranajes de transmisión y de 8 a 12 cabinas con un mecanismo de autonivelación inversa para mantenerlas horizontales. Todos los enlaces y transmisiones de engranajes deben ser precisos, mostrando la cadena de transmisión mecánica completa y la lógica de rotación inversa que mantiene las cabinas niveladas. El resultado debe estar en formato HTML.
Un breve *prompt* en inglés para crear un sitio web de estilo neobrutalista con animaciones de desplazamiento suaves, colores vibrantes y un diseño responsivo basado en Tailwind.
Crea un sitio web neobrutalista que traspase los límites de la creatividad. Incluye animaciones de desplazamiento suaves, colores vibrantes y estilos de Tailwind ES, y hazlo totalmente responsivo.
Un *prompt* de estilo de sistema en inglés que hace que Gemini actúe como un ingeniero *frontend* de talla mundial para construir una aplicación de construcción de ladrillos 3D tipo Minecraft utilizando React, Three.js, Tailwind CSS y la API de Gemini.
Actúa como un ingeniero frontend y diseñador UX de talla mundial. Crea una {argument name="application_name_en" default="aplicación de construcción de ladrillos 3D"} usando React, Three.js (@react-three/fiber), Tailwind CSS y la API de Google Gemini (@google/genai). ## Filosofía de diseño - **Tema**: {argument name="theme_en" default="Base Blanca"} con estética moderna.
Un *prompt* en chino para Gemini 3 Pro para construir una máquina de escribir web de estilo *pager* retro Motorola Fix Beeper que convierte el texto introducido por el usuario en tarjetas arrastrables con una animación de escritura lenta en el centro de la página.
Ayúdame a crear una aplicación web de máquina de escribir retro, con la temática de {argument name="device_name_en" default="Motorola Fix Beeper"}. En el centro de la página, muestra una máquina de escribir que pueda tomar el texto introducido por el usuario y generarlo como una tarjeta, con un efecto similar al tecleo lento de una máquina de escribir, y permite que la tarjeta se arrastre a áreas vacías.
Un *prompt* en inglés utilizado dentro de una *skill* de Claude Code que le pide a Gemini 3 Pro que diseñe una página de destino futurista y rica en animaciones para un nuevo juego de IA.
Quiero diseñar la página de destino para un nuevo {argument name="product_type_en" default="juego de IA"}. Queremos que tenga un aspecto futurista y que utilice tantas animaciones como sea posible.
Un *prompt* detallado y extenso en japonés para diseñar una página web de experiencia de producto 3D de lujo para relojes de alta gama, utilizando Next.js, Three.js, React Three Fiber, GLSL y requisitos específicos de secciones de desplazamiento y *shaders*.
Diseñar una página de experiencia de producto en 3D para un reloj de pulsera de lujo. **Usuarios objetivo:** clientes adinerados, entusiastas de los relojes y empresarios de 30 a 50 años. **Tono de la marca:** Lujo × Tecnología (una sensación moderna, sofisticada y de alta gama). Experiencia de desplazamiento (5 secciones): Sección principal (Hero) – el reloj de pulsera aparece lentamente de la oscuridad a la luz mientras gira. Implementar efectos holográficos y reflexiones de Fresnel con sombreadores personalizados. Zoom de detalles – primer plano de la esfera. Utilizar GLSL para lograr reflejos metálicos, mapeo de paralaje y brillo en tiempo real. Desglose del mecanismo – el reloj se desmonta y el movimiento interno flota en el espacio. Utilizar un sombreador de desplazamiento para un efecto de campo de energía y añadir efectos de brillo a cada parte. Experiencia de materiales – cambiar entre diferentes variaciones de materiales. Expresar la metalicidad, la refracción del vidrio y la textura mate del titanio con sombreadores PBR de forma físicamente precisa. Final – el reloj se vuelve a ensamblar, con un fondo abstracto de malla de gradiente hecho con un sombreador personalizado. Aplicar postprocesado como *bloom* y profundidad de campo. **Pila tecnológica:** Next.js 15 + Three.js + React Three Fiber + GLSL (sombreadores personalizados) + react-postprocessing + Lenis. Requisitos de los sombreadores: Sombreador de reflexión de Fresnel (efecto de luz de borde) Sombreador de material PBR (rugosidad, metálico, AO) Sombreador holográfico (efecto de interferencia iridiscente) Sombreador de desplazamiento (efectos de ondulación y distorsión) Sombreador de fondo personalizado (ruido de gradiente) Postprocesado: Bloom, ChromaticAberration, DepthOfField, Vignette. Por favor, proponga valores numéricos específicos para: Rango de desplazamiento de cada sección (en % o unidades vh) Parámetros de animación (valores iniciales/finales para posición, rotación, escala, etc.) Funciones de *easing* (tipo de *ease*) FOV, posición y valores de objetivo de la cámara Configuración de iluminación (intensidad, color, posición) Valores uniformes para cada sombreador (progresión del tiempo, progreso del desplazamiento, tono, intensidad, etc.).
Un *prompt* en chino para recrear un panel de control de datos de criptomonedas futurista en modo oscuro con *glassmorphism*, detalles de neón y la elegante tipografía Inter.
Recrea un panel de datos de criptomonedas futurista en modo oscuro: utiliza un fondo general de obsidiana de alto contraste, elementos de interfaz de usuario de *glassmorphism* con contornos degradados, tipografía Inter delgada y visualizaciones de datos financieros con efectos de iluminación de neón.
Un *prompt* en inglés para crear una página de fitness china estilo Keep con un cuerpo SVG interactivo, filtros y tarjetas de ejercicios en un solo archivo HTML usando Tailwind y JavaScript.
Cree una página de fitness china al estilo Keep con una interfaz de usuario limpia y moderna, un cuerpo SVG interactivo (vistas frontal/posterior, donde al hacer clic en un músculo este se resalta), filtros chinos (género/nivel/equipo) y tarjetas de ejercicios. Entréguela como un único archivo HTML utilizando Tailwind + JavaScript.
Un prompt chino en profundidad que describe una aplicación de cámara web con una sensación retro de Polaroid, vista previa de la cámara web en vivo, animación de revelado de fotos y fotos arrastrables que forman un muro de collage.
Por favor, desarrolla una aplicación de cámara web con una atmósfera retro de Polaroid. Coloca un modelo de cámara Polaroid en la esquina inferior izquierda de la página que pueda activar la cámara web del usuario y mostrar una vista previa en tiempo real. Después de hacer clic en el obturador, un trozo de "papel fotográfico" sale lentamente de la parte superior de la cámara, y la foto se revela, pasando de borrosa a nítida. Los usuarios pueden arrastrar la foto completamente revelada desde encima de la cámara a cualquier posición de la página, creando un diseño libre similar a un "muro de collage de fotos".
Un *prompt* para crear una interfaz web en chino que analice los tipos de MBTI de los tuits, llamando a un *backend* impulsado por Gemini y con el tema oscuro de Linear.
Crea un analizador X MBTI: el usuario pega un tweet → el frontend llama a un backend (que usa la API de Gemini para inferir el tipo MBTI). El estilo de diseño debe seguir a Linear, solo en modo oscuro, con una sensación minimalista pero de alta calidad y detalles refinados. La interfaz debe estar en chino.
Un *prompt* para Gemini 3 Pro para construir una aplicación web china de una sola página que presente cada estrella o constelación como un libro de imágenes, combinando las líneas de las constelaciones con personajes mitológicos ilustrados.
Genera una aplicación web en {argument name="language_en" default="chino"} que cuente las historias de la mitología griega de cada estrella o constelación en forma de libro ilustrado. No solo debe mostrar las líneas de conexión de la constelación, sino también ilustraciones de los personajes mitológicos.
Tres sencillas instrucciones para Gemini 3.0 que demuestran cómo añadir estilo e imágenes —específicamente un diseño estilo Linear y una instrucción de imagen— cambia la calidad de una página "hello world" generada.
Ayúdame a crear una página de "hello world". Ayúdame a crear una página de "hello world" con estilo {argument name="style_en" default="Linear"}. Ayúdame a crear una página de "hello world" con estilo {argument name="style_en" default="Linear"}.
Una secuencia de instrucciones detallada y de varios pasos para que Gemini 3 Pro construya una página de destino de un reloj inteligente de lujo utilizando Three.js, Anime.js y Tailwind, y luego la refine en un sitio de desplazamiento de varias secciones con animaciones e interacciones avanzadas.
Crea un archivo HTML para una página de {argument name="product_type_en" default="reloj inteligente de lujo"} usando Three.js, Anime.js y Tailwind. Haz un modelo 3D de {argument name="main_object_en" default="reloj"}, una superposición oscura texturizada con un agujero redondo que muestre el {argument name="main_object_background_en" default="reloj sobre fondo beige"}, y anima el encabezado y los números grandes para que se deslicen al cargar la página. Haz la página más profesional. Reemplaza el agujero estático con un iris que se abre al cargar. Añade una cúpula de cristal sobre la {argument name="focus_area_en" default="esfera del reloj"} con reflejos, mejora los materiales metálicos, añade paralaje de ratón para que el {argument name="parallax_target_en" default="reloj"} gire con el cursor, y dibuja la hora y los anillos de actividad física en la {argument name="dial_area_en" default="esfera del reloj"}. Convierte la pantalla única en un sitio de desplazamiento con múltiples secciones. Cuando el usuario se desplace, anima el {argument name="scroll_object_en" default="reloj"} 3D para que se mueva y gire y coincida con cada sección. Mantén el lienzo 3D y el fondo fijos mientras el texto se desplaza sobre ellos; solo el {argument name="moving_element_en" default="reloj"} se mueve. - lienzo fijo: posiciona el lienzo
Un *prompt* en inglés para diseñar un entorno de jardín de pagoda de arte voxel colorido como un archivo HTML completamente autónomo que se ejecute en Chrome, utilizando cualquier biblioteca de voxel/WebGL.
Diseña un entorno de voxel-art ricamente elaborado con una ornamentada {argument name="main_structure_en" default="pagoda"} ubicada en un jardín vibrante. Incluye vegetación diversa —especialmente {argument name="key_tree_en" default="cerezos en flor"}— y asegúrate de que la composición se sienta viva, colorida y visualmente impactante. Usa cualquier biblioteca de voxel o WebGL que prefieras, pero entrega el proyecto completo como un único archivo HTML autocontenido que pueda pegar y abrir directamente en Chrome.
Un *prompt* largo al estilo inglés (en chino) pidiéndole a Gemini que cree un sitio web de cursos de entrenamiento en chino inspirado en Keep, con Tailwind CSS adaptable, tarjetas de cursos, filtros y ventanas emergentes de video coincidentes.
Cree una página web de "curso de entrenamiento" china inspirada en {argument name="reference_brand_en" default="Keep"}: incluya una imagen de héroe de atleta a pantalla completa, navegación fija transparente, categorías de etiquetas de cápsula chinas y una cuadrícula de tarjetas de cursos chinas. Cada tarjeta de curso corresponde a un programa de entrenamiento; utilice los estilos de curso de creadores como {argument name="instructor_examples_en" default="Pamela, Zhou Liuye, Han Xiaosi, Jojie, Liu Genghong"} como referencias para diseñar títulos y etiquetas chinas para la dificultad y la duración. Al hacer clic en una tarjeta, abra un reproductor de video de vista previa del curso dentro de la página que coincida estrictamente con la información de la tarjeta. En general, mantenga el diseño minimalista pero detallado, utilizando desplazamiento suave y animaciones al pasar el ratón, degradados suaves y tipografía refinada para crear una experiencia china de alta gama. Utilice Tailwind CSS para implementar un diseño totalmente responsivo.
Un *prompt* para crear una aplicación web china donde los usuarios registren sus sueños cada mañana, hagan un *collage* de ilustraciones con *stickers* y, finalmente, generen una tarjeta de sueños tipo tarot.
Genera una aplicación web china donde los usuarios registren sus sueños cada mañana. La aplicación proporciona una gran cantidad de "pegatinas de ilustración" para hacer collages y reconstruir las escenas de los sueños, y finalmente genera una tarjeta de sueños que parece una carta del tarot.
Un prompt en chino para Gemini 3 Pro para generar una aplicación web de vestuario Hanfu donde los usuarios suben una foto para probarse virtualmente ropa de diferentes dinastías y personalizar horquillas y maquillaje.
Genera una aplicación de vestuario Hanfu con IA en chino. Utiliza tecnología de intercambio de caras con IA o de formas corporales en 3D. Los usuarios suben una foto y, con un solo clic, pueden "probarse" Hanfu de varias dinastías ({argument name="dynasty_1_en" default="Tang"}, {argument name="dynasty_2_en" default="Song"}, {argument name="dynasty_3_en" default="Ming"}), o personalizar horquillas y maquillaje ellos mismos.