PERIAPT

Qué incluye

Prompts

HTML · 776 líneas / React · 781 líneas

Medios

Escena WebGL · Modelo 3D (GLB) · Imagen de fondo · video

Alojamiento

cdn.orbital.supply, ya incluido en el prompt

Tipografías

Chakra Petch + Geist + Geist Mono · Google Fonts

HTML

Un archivo · Three.js 0.186.1 · gsap 3.15.0

React

React 19.3.0 · Three.js 0.186.1 · gsap 3.15.0 · @gsap/react 2.1.2 · Tailwind 4.3.3 · Vite 8.3.2 · TypeScript 6.0.3

Movimiento

scroll-scrub, scan-reveal, mask-reveal, scramble-hover

Probada y documentada

02 de octubre de 2026

• Reproducida en Claude
• Reconstruida a ciegas desde el prompt: HTML y React
• 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 / 781 líneas en el prompt completo

# Build: "PERIAPT WARD-1" — a scroll-driven 3D exosuit launch page

## 0. Brief

PERIAPT is a fictional maker of powered exosuits (product: WARD-1). The page is dark, technical, framed by a hairline grid with crosshair nodes. One rigged 3D suit drives the first three sections with native scroll: it kneels dormant in the dark, stands up as its lights switch on (and the interface lights up with it), is scanned system by system with an x-ray band and leader lines, then looks around and takes a lunar leap toward a horizon. Field photography, an interactive mission planner, specifications and a closing visor close-up follow. The "wow": the suit waking up under your scroll while the whole interface comes online.

El prompt completo se desbloquea en el lanzamiento.