app-shell

Create a studio-lit 3D product shot of a speaker built from a lathed profile. It places the object on a turntable and applies colors from the design tokens for a rendered presentation.

• Creating a 3D speaker product shot
• Presenting a product on a turntable
• Applying design token colors to a 3D object

Build a focused 3D product or logo scene from simple shapes, an extruded logo, or a supplied GLB/GLTF model. The skill adds studio-style lighting and a slow turntable, then prepares still images, transparent cut-outs, or a looping turntable video for export.

• Creating a studio-style 3D product hero image
• Turning a supplied GLB model into a product presentation
• Exporting a transparent object cut-out or turntable clip

Render a supplied 3D product model from a `.glb` file as a clean product shot. The model is automatically centered and framed, with a soft shadow on the ground to give the image depth.

• Creating a product shot from a `.glb` model
• Framing a bottle model for a product preview
• Rendering a centered 3D object with a ground shadow

Create a rendered 3D version of a brand’s SVG mark, with extrusion, beveled edges, and a brushed gold finish. The logo turns slowly, providing an animated presentation of the mark.

• Presenting a brand mark as a rotating 3D logo
• Creating a brushed-gold logo animation
• Showing an extruded version of an SVG mark

Plan and build a small three.js environment, such as a room, courtyard, or diorama, with several related objects. Light it with a sky and free CC0 assets, then present it as a still image or camera flythrough video.

• Building a small 3D courtyard or room
• Creating a diorama for a hero visual
• Exporting a still or camera flythrough video

Explore a rendered 3D scene of a small stone courtyard at dusk, featuring a sky, cobblestone and stone wall textures, a brass lantern, and two wooden planters. It includes a 10-second camera flythrough; listed assets are CC0.

• Viewing a rendered 3D courtyard example
• Getting a reference for a dusk courtyard scene
• Reviewing a short camera flythrough