What is included
Everything needed to make the result.
- Public skill file
- Starter instructions
- Open preview
Turn a real 3D scene into a responsive, accessible web experience with purposeful interaction.
A free implementation prompt for a production-grade 3D terrain instrument with real scene state, responsive composition, and WebGL fallback behavior.
What is included
File and codebase preview
create a production-grade 3d website inspired by the attached reference image, using the installed `SKILL.md` as the governing implementation standard. do not recreate the reference literally. preserve the core interaction idea, a scientific expedition interface layered around a central 3d terrain scene, but create a completely new visual system, layout, data model, and environment. ## project build a website for: **ORBITAL FIELD UNIT** an autonomous planetary research platform for remote terrain analysis, mineral mapping, atmospheric observation, and expedition planning. the website should feel like a live scientific instrument rather than a marketing landing page. ## core experience the viewport is a full-screen mission interface. a large interactive 3d planetary environment occupies the center. scientific modules are positioned around the environment as semi-transparent interface surfaces. the ui should feel physically connected to the scene. changing a control should visibly change the 3d environment. the 3d scene is the product. ## environment create a procedural alien desert basin. scene elements: * large eroded mountain ridge in the distance * shallow crater basin * dry sediment channels * scattered dark mineral formations * one central geological specimen * volumetric atmospheric haze * low sun angle * long hard shadows * subtle suspended dust * terrain variation generated from noise or displacement * no earth vegetation * no sci-fi buildings * no spacecraft in the hero the landscape should feel scientifically plausible rather than fantasy. ## central specimen place one large geological formation near the center foreground. dimensions in virtual scale: * approximately 2.4m wide * 1.7m tall * asymmetrical silhouette * rough oxidized surface
Keep building
Included in Vault
Create a coherent visual identity direction before you open your design tool.
Included in Vault
Launch a cinematic product site with an editable codebase, prompt stack, and remix paths.
Build Kits
Recreate a cinematic editorial website with a scroll-controlled visual story.