Nada explode e nada se move, exceto a luz: um único feixe varre a escuridão e o visitante rola a página para dar existência a um piano de cauda, curva por curva.
You are building a one-page, award-grade "scroll cinematic" website. Work autonomously end to end: generate assets with the Higgsfield connector, then build and run the site with your coding agent. No plans, no placeholders.
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 per clip, 1600px wide, JPEG quality 3, frames/sweep/frame_0001.jpg naming. Confirm files exist first.
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. AS REGRAS QUE FAZEM ISSO FUNCIONAR
Mude o sujeito, nunca o sistema.
+ A fórmula: um sujeito mais um momento impossível: explosão, uma caminhada pelo espaço, nascimento em estado fundido, tempo congelado, floração, descida ou luz. Troque o sujeito, escolha o momento, mantenha todos os outros passos idênticos.
+ O reverso é magia gratuita. Todo clipe de transformação funciona em ambas as direções: explodir e reorganizar, florescer e fechar, afundar e emergir. Um clipe, dois momentos, zero créditos extras.
+ Mantenha Sites ON. A URL hospedada ao vivo é o objetivo; os arquivos locais são o plano B.
+ Orce cerca de 100 créditos Higgsfield por site, aproximadamente cinco dólares. Uma imagem âncora fixa o produto, três clipes sustentam todo o filme.
+ Se parecer com um template comum, use as linhas de resgate do início deste pacote. O scrub é o produto.
A MELHORIA
Este pacote dirige o assistente manualmente. Membros fazem isso em um único comando. sites de ponta a ponta a partir de um único prompt: ativos, quadros, código, lançamento. Ele é entregue junto com 200+ skills, os funcionários de IA (JARVIS, TARS, SPARK), todos os guias de instalação e cada lançamento futuro no momento em que chegar. As skills não estão à venda em lugar nenhum. Membros recebem tudo.
Construído com seu assistente de código · Publique sua construção na comunidade, o melhor site será destaque.