ASSAY

Qué incluye

Prompts

HTML · 830 líneas / React · 851 líneas

Medios

Escena WebGL · Canvas

Alojamiento

cdn.orbital.supply, ya incluido en el prompt

Tipografías

Tomorrow + Instrument Sans · 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

loader, scroll-camera, line-draw, scramble-text

Probada y documentada

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

# Build: "ASSAY — AI diligence for private equity" — a scroll journey around a floating kryptonite-blue stone above a contour-line survey field

## 0. Brief

Assay (fictional) reads a private-equity data room and drafts the investment memo. One WebGL night scene inside a cut-corner frame: a slate stone veined with glowing blue crystal floats over a contour-line field while the camera settles per chapter (files stream, a light plane reads the stone, a conflict flares amber, beacons rise, the memo writes itself). Buttons trace light along their bevel. Optional synthesized sound. The stone is always whole and never under the copy.

El prompt completo se desbloquea en el lanzamiento.