Juncture

Qué incluye

Prompts

HTML · 509 líneas / React · 535 líneas

Medios

Escena WebGL · Canvas

Alojamiento

cdn.orbital.supply, ya incluido en el prompt

Tipografías

Funnel Display + Funnel Sans · Google Fonts

HTML

Un archivo · gsap 3.15.0

React

React 19.3.0 · gsap 3.15.0 · @gsap/react 2.1.2 · lucide 1.49.0 · Tailwind 4.3.3 · Vite 8.3.2 · TypeScript 6.0.3

Movimiento

loader, cascade, mask-reveal, particle-figures

Probada y documentada

08 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 / 535 líneas en el prompt completo

# Build: "Juncture — an AI agents hero" — two figures made of light walk across a night landscape of particles and touch fingertips

## 0. Brief

Juncture (fictional) builds AI agents that work alongside teams and hand the work back to a person whenever judgement is needed. The hero is one full screen at night: a landscape of glowing particles (a lit ridge, a dune valley, layered mountains), where an AI figure made of mint light and a person made of white light walk in from opposite sides, stop face to face and touch fingertips; a mint pulse runs out across the ground. Hovering the figures interferes with them: their particles scatter, they step back, and once the pointer leaves they walk back and meet again. A loader of two grains that travel toward each other opens the night, then the interface arrives in one cascade. The layout is asymmetric: headline left, scene right, annotations and plates on the right edge.

El prompt completo se desbloquea en el lanzamiento.