Nada explota y nada se mueve, excepto la luz: un único haz recorre la oscuridad y el visitante desplaza la página para dar existencia a un piano de cola, curva por curva.
Estás creando un sitio web de una sola página, cinematográfico al hacer scroll y digno de un premio. Trabaja de forma autónoma de principio a fin: genera los recursos con el conector de Higgsfield y luego crea y ejecuta el sitio con tu agente de código. Sin planes ni marcadores de posición.
THE PRODUCT (fictional maker): NOIR Concert Grand, a nine foot piano in hand-polished black lacquer. Tagline: "Heard before seen." The concept is LIGHT AS THE SCROLL: the page opens in true darkness, and a single warm beam sweeps across the instrument as the visitor scrolls, revealing it section by section, reflections rolling over the lacquer. Only what the light touches exists. At the end the lid rises and the hall lights ignite.
THE TECHNIQUE (follow exactly): The 3D scroll effect is NOT Three.js. It is a canvas image-sequence scrub: video clips split into frames, scroll position drives which frame paints onto a full-viewport canvas.
ASSETS (Higgsfield connector): 1. ONE 16:9 anchor image: "A concert grand piano in hand-polished black lacquer standing in total darkness, a single warm spotlight beam grazing only the curved rim, the rest of the instrument dissolving into black, extreme contrast chiaroscuro, photorealistic, no text, no watermark." Best image model in the catalog. 2. With the anchor as image reference on every clip, three 10-second 1080p 16:9 image-to-video clips: CLIP A "the sweep": everything is black; one warm light beam travels slowly across the piano, revealing the rim curve, then the keys, then the music desk, reflections sliding across the lacquer, most of the frame always in darkness. CLIP B "the opening": the light widens as the lid rises in slow motion, the golden frame and strings inside catching warm glints, hammers lifting in a slow wave like something breathing. CLIP C "the strike": extreme macro in low light, one felt hammer rising and striking a copper-wound string, the string blurring into vibration, dust motes drifting through the beam, one ivory key sinking. 3. Download the MP4s.
FRAMES: ffmpeg, 150 frames por clip, 1600px de ancho, calidad JPEG 3, nombres de archivo frames/sweep/frame_0001.jpg. Confirma primero que los archivos existan.
THE SITE (plain HTML/CSS/JS, Lenis via CDN, preloader as a thin warm line with percentage in the dark, pinned 100vh scrub chapters with lerp smoothing): 1. HERO: the sweep scrubs while "NOIR" emerges letter by letter as if the beam is finding the type too, overline "CONCERT GRAND. HEARD BEFORE SEEN." 2. THE OPENING: clip B scrubs; callouts fade in with hairline tungsten leader lines: 9 FEET of lacquer. 12,000 PARTS. 243 STRINGS at 20 tons of tension. VOICED for 200 hours. 3. THE STRIKE: clip C scrubs through the hammer hitting the string. 4. THE CREED: three short lines on silence and the first note, one per scroll step. 5. SPECS: minimal two-column grid, hairline dividers. 6. CTA: "Request an audition", email field, small print. Art direction: true black #060606, warm tungsten accent #E8C28A, bone text #EDE7DA, no other color anywhere; giant serif display plus tracked-out caps; the page itself stays mostly dark, type appears only where content lives. Mobile and reduced motion: looping MP4 fallback. Performance: requestAnimationFrame, repaint only on frame change, 60fps.
VERIFY: loader unlocks at 100 percent, the sweep reveals the piano only where light passes, the lid opening reads clearly, the hammer strike lands in macro, no console errors. Then give me the live URL. LAS REGLAS QUE HACEN QUE ESTO FUNCIONE
Cambia el sujeto, nunca el sistema.
+ La fórmula: un sujeto más un momento imposible: explosión, una caminata por el espacio, nacimiento en estado fundido, tiempo congelado, floración, descenso o luz. Cambia el sujeto, elige el momento y mantén idénticos todos los demás pasos.
+ Invertirlo es magia gratis. Cada clip de transformación funciona en ambas direcciones: explotar y reorganizar, florecer y cerrarse, hundirse y emerger. Un clip, dos momentos, cero créditos adicionales.
+ Mantén Sites ON. La URL alojada en vivo es el objetivo; los archivos locales son el plan B.
+ Calcula unos 100 créditos de Higgsfield por sitio, aproximadamente cinco dólares. Una imagen ancla fija el producto; tres clips sostienen toda la película.
+ Si parece una plantilla común, usa las líneas de rescate del inicio de este paquete. El scrub es el producto.
LA MEJORA
Este paquete dirige el asistente manualmente. Los miembros hacen esto con un solo comando. sitios de principio a fin con un único prompt: recursos, diseños, código, lanzamiento. Viene con más de 200 skills, los empleados de IA (JARVIS, TARS, SPARK), todas las guías de instalación y cada lanzamiento futuro en cuanto esté disponible. Las skills no se venden en ningún otro lugar. Los miembros reciben todo.
Creado con tu asistente de código · Publica tu creación en la comunidad; el mejor sitio será destacado.