Creatorsergey_moloman →A website case by @sergey_moloman created with GPT-5.6 Pro · Three.js, including the public result, full prompt, and original source.
View original source ↗Prompt · Original / Translation
GPT 5.6 Pro has pretty nice frontend capabilities! I decided testing frontend abilities because it was the "ouch" moment of ChatGPT since GPT 5.2 I used to pay Claude Max x5 before, just to create some nice frontends. Not anymore! Here are 3 examples of landing pages, one shot. Generated via ChatGPT website. 1. Orbital space tourism landing page Prompt: "Build a cinematic landing page for a private space tourism company called Orbital North. Use a full-bleed Three.js scene with Earth/orbit/starfield visuals. As the user scrolls, camera position, lighting, and content sections should change. The landing page should feel immersive and premium, with real product/service information, itinerary, safety section, pricing teaser, and booking CTA. Avoid generic gradients, decorative orbs, and marketing filler. The first screen must immediately communicate space travel."
Reusable method
Reusable structure
Extract “target result → the product name, audience, page modules, and primary button → constraints” as a reusable template for similar work.
Retest criteria
Run single-variable comparisons around module order, value proposition, and CTA placement. Record the model, cost, and failures; turn it into a Skill only after it repeats reliably.
Recommended models
Derived Skill
Skills are derived from repeated patterns in published cases. They are not a separate submission type.
Keep exploring
A webpage case created by @sergey_moloman with GPT-5.6 Pro · Three.js, including the public result, full prompt, and original source.
Prompt
2. Fashion house landing page Prompt: "Create an experimental landing page for a fictional digital fashion house called VEIL/FIELD. This should feel like an interactive editorial spread, not a product SaaS page. Use Three.js to create a surreal cloth, mirror, or liquid-metal scene where typography and 3D forms overlap in a high-fashion composition. The user scrolls or moves the pointer to distort fabric, reveal collection names, and transition between looks. Visual direction: avant-garde, editorial, fashion magazine, strange but polished. Large typography, asymmetry, negative space, art-directed composition. Requirements: - Three.js or react-three-fiber - cloth/liquid/mirror-like shader or convincing procedural material - unconventional layout - collection/product reveal - purchase or waitlist CTA - mobile version that still feels designed - no dashboard UI - no industrial/CAD look - no playful toy physics - verify with screenshots and fix layout overlaps"
Creator
sergey_moloman focuses on production-ready AI interfaces and is active on X. “Orbital North Space Travel Landing Page” is the current representative case, built with GPT-5.6 Pro · Three.js awaiting a stability retest.
A webpage case by @Oluwaphilemon1 using Claude Fable 5 · Three.js · Blender · GSAP, including the public result, full prompt, and original source.
Prompt
Claude Fable 5 and GPT-5.6 are powerful🥵🥵🥵 Here Is How I built with Claude 👇 Prompt: "Design an agency site where services are presented as supermarket product packaging in 3D" Use Three.js with WebGL to render all products in real time in the browser Use Blender to model the packaging then export as GLTF to load in Three.js Use GSAP for the smooth product rotation and hover interactions Save this if you want a portfolio that makes clients feel they are buying something premium 🛒
A webpage case by @uxsweta using AI UI Builder, including the public result, full prompt, and original source.
Prompt
Few people asked for the prompt, so here it is 👇 PS: Tweak it based on your use case. Create a modern, minimal 3D Invoice Generator Machine component with a premium SaaS-style aesthetic. Visual Design - Design a wide, horizontal invoice printing machine inspired by receipt printers, but with a futuristic and clean appearance. - Use subtle gray strokes, soft shadows, and minimal details. - The machine should feel premium, lightweight, and modern rather than realistic or industrial. - Keep the overall design clean enough to fit inside a dashboard or landing page hero section. - Add a single prominent "Print Invoice" button directly on the machine. Animation When the user clicks the "Print Invoice" button: - The machine should react with a subtle press/click animation. - A receipt should gradually emerge from the printer slot. - The receipt must animate smoothly from inside the machine to outside, giving the impression that it is being physically printed. - The animation should feel realistic, fluid, and satisfying. - The receipt should slide out line-by-line rather than appearing instantly. - Add slight motion easing and subtle paper movement for realism. Receipt Design The receipt should remain highly minimal and editable. Do NOT fill it with complex customer information. Use placeholder content such as: Customer Name Product Total Amount The receipt should look like a clean invoice preview rather than a detailed bill. Interaction - The receipt should be hidden initially. - It should only appear after clicking the Print Invoice button. - The animation should be repeatable every time the user clicks the button. - Include smooth transitions and micro-interactions throughout. Style References Apple-style minimalism Linear / Stripe design quality Premium SaaS dashboard aesthetic Soft gray strokes Clean typography Modern 3D illustration High attention to interaction details Goal: Create a delightful visual experience where users feel like an invoice is actually being generated and printed from a beautiful 3D machine, rather than simply appearing on the screen.
