¿Dónde pego este prompt?

En cualquier asistente que escriba código: Claude, ChatGPT, Cursor, Lovable o Claude Code. Pide el resultado como un solo archivo index.html, guárdalo y ábrelo en el navegador. Usa HTML + CSS 3D.

¿Puedo usarlo en mi web?

Sí. El prompt es gratis y el código que te devuelva el asistente es tuyo. Si prefieres la versión acabada, con tus fotos y tus textos y lista para publicar, está el kit relacionado.

¿El vídeo es lo que sale de verdad?

Sí. Es la página que salió del prompt, grabada sin tocar el código a mano, a la primera. Cada asistente escribe código distinto, así que tu resultado puede variar un poco.

Prompt del día · 23 de octubre de 2026

Un sobre de boda que se abre al tocarlo

Lo que hace el prompt, grabado tal cual salió

Un sobre crema con un sello de lacre se inclina hacia el cursor. Al tocarlo, el sello se desvanece, la solapa se abre y sale la tarjeta con los nombres, la fecha y el lugar. Al tocarlo otra vez, se cierra.

Make one index.html, no libraries, CSS 3D only. Full-screen page, warm paper background #f4eee5 with a soft vignette. In the center, a wedding envelope 82vw wide (max 520px), 3:2, fully in view on a phone: cream body, a triangular top flap hinged on its top edge (preserve-3d), and a round deep-red wax seal with "A & M" in serif. The envelope tilts toward the cursor (or a finger), up to 12 degrees, eased. Click/tap: the seal fades, the flap swings 180° open in 0.8 s, then a card slides up out of the envelope (1 s, ease-out) reading "Ana & Marc · 14.06.2027 · Sitges" in an elegant serif. The card sits in front of the envelope's back and behind its front pocket, so it really comes out of it. Click again to close. Soft shadow under the envelope. 60 fps on a phone.

770 caracteres · Hecho con HTML + CSS 3D · salió a la primera

Para qué sirve

Una invitación de boda digital para mandar por WhatsApp, antes del formulario de confirmación.
Un «save the date» para un evento, un lanzamiento o un cumpleaños.
La primera pantalla de la web de una boda.

Variantes para probar

Añade la línea al final del prompt. Estas no las hemos grabado: pruébalas tú.

Vuestros nombres y fechaThe card reads "Laura & Pau · 20.09.2027 · Girona".
Verde y oroEnvelope sage green #b9c4a7, seal gold #c9a24b with dark green initials.
Botón de confirmarUnder the card, once it is out, a small button "Confirmar asistencia" that links to #rsvp.

Cómo usarlo

Copia el prompt.
Pégalo en Claude, ChatGPT, Cursor o Lovable y pide un solo archivo index.html.
Guarda el archivo y ábrelo en el navegador. Para publicarlo, súbelo a cualquier hosting estático (Cloudflare Pages es gratis).

¿Lo quieres acabado, con tus fotos y tus textos?

El kit Boda es la versión completa de esta idea: una web entera, que rellenas en el navegador y te descargas.Ver el kit Boda · 500 €

O te la montamos nosotros: nos mandas textos y fotos y la publicamos en tu dominio en 48 horas laborables.

Te la montamos · 750 €

Preguntas

¿Dónde pego este prompt?: En cualquier asistente que escriba código: Claude, ChatGPT, Cursor, Lovable o Claude Code. Pide el resultado como un solo archivo index.html, guárdalo y ábrelo en el navegador. Usa HTML + CSS 3D.
¿Puedo usarlo en mi web?: Sí. El prompt es gratis y el código que te devuelva el asistente es tuyo. Si prefieres la versión acabada, con tus fotos y tus textos y lista para publicar, está el kit relacionado.
¿El vídeo es lo que sale de verdad?: Sí. Es la página que salió del prompt, grabada sin tocar el código a mano, a la primera. Cada asistente escribe código distinto, así que tu resultado puede variar un poco.