0

Saltar al contenido

Dirección de arte, lista para tu IA.

Únete a la lista
HeroPro

Infall

un hero de energía de fusión donde una ola de partículas cae hacia un núcleo ardiente

Se desbloquea en el lanzamiento

Únete a la lista de espera para acceder a esta pieza. ¿Ya eres miembro? Inicia sesión

Qué incluye

Prompts
HTML · 642 líneas / React · 787 líneas
Medios
Escena WebGL
Alojamiento
cdn.orbital.supply, ya incluido en el prompt
Tipografías
Kumbh Sans · Google Fonts
HTML
Un archivo · gsap 3.15.0
React
React 19.3.0 · gsap 3.15.0 · @gsap/react 2.1.2 · Tailwind 4.3.3 · Vite 8.3.2 · TypeScript 6.0.3
Movimiento
charge-loader, cascade, bar-wipe, particle-inflow

Probada y documentada

09 de octubre de 2026

  • Reproducida en Claude
  • Reconstruida a ciegas desde el prompt: React y HTML
  • Revisada a 375, 768, 1440, 1920 px
  • Revisor de la spec: 0 errores, sin enlaces a generadores

Cómo usarla

  1. Claude

    Pega el prompt de HTML en un chat nuevo. Obtienes un index.html para servir por HTTP o publicar donde quieras.

  2. Vite + React

    Abre un proyecto vacío de Vite + React y pega el prompt de React. Indica los paquetes exactos; las URLs de los recursos ya están dentro.

El prompt

Extracto / 787 líneas en el prompt completo

# Build: "Infall — a fusion power hero" — a wave of particles that falls inward from both edges and ignites a core at the center

## 0. Brief

Infall (fictional) builds compact fusion cores: converging fields drive the plasma inward until it meets itself and fuses. The hero is one black screen cut into six columns by hairlines. Across it runs a silky ribbon of fine amber particles, low on the left and high on the right, and its energy does not cross the screen: it falls in from both edges, narrows and spirals into a white-hot core at the exact center of the grid, while faint rays converge on the same point and a pulse leaves the core every few seconds. Everything else is black and white, small and uppercase: a white bar marks the current page, a wordmark cut into horizontal bands that thicken toward its center line, a headline, a white-bar CTA that charges the core on hover, a "Hold to charge" box, and live telemetry along the bottom. A loader bar fills from both ends, falls into the center as a point of light, and the whole interface arrives in one staggered cascade while the energy streams in.

El prompt completo se desbloquea en el lanzamiento.

Volver a las plantillas