Build 3D Teaching Site Skill

This Codex skill helps build interactive 3D teaching websites for cells, biology, anatomy, science models, products, or other educational objects.

It is designed for projects where the website can generate and map 2D teaching images automatically, while 3D model files are created or uploaded by the user later.

What It Does

• Builds a usable 3D teaching showcase instead of a marketing landing page.
• Creates a structured object list with names, categories, facts, images, model paths, and comparisons.
• Sets up a central 3D viewer with graceful placeholders for missing models.
• Generates the standard 2D image set for each object when image generation is available.
• Defines clear asset folders and filenames so uploaded files can be mapped quickly.
• Requires local preview and browser testing before the work is considered finished.

How To Use

Install or copy this skill into your Codex skills folder, then invoke it like this:

Use $build-3d-teaching-site to build a 3D teaching website about animal cells, white blood cells, neurons, epithelial cells, bacteria, and muscle cells.

You can also give a shorter request:

Use $build-3d-teaching-site to make a 3D teaching site for the solar system.

The skill will infer the needed object structure, image slots, placeholder behavior, and testing steps.

2D Image Assets

When the user only names the objects, the skill can generate these 2D images for each object:

• Main thumbnail or overview image
• Location or context image
• Light microscope image
• Stained slice image
• Electron microscope image

For non-cell topics, the microscope images should be adapted into useful teaching views such as overview, section, close-up, and context images.

3D Model Assets

3D models are not generated by this skill. Users should create or download their own models and upload them later.

Recommended format:

.glb

.gltf can work too, but only if its related .bin and texture files are uploaded together and the paths remain intact.

Default Asset Layout

public/assets/models/
public/assets/images/microscope/
public/assets/images/locations/

For a teaching object with the id white-blood, the expected files are:

public/assets/models/white-blood.glb
public/assets/images/microscope/white-blood-cell.png
public/assets/images/microscope/white-blood-light.png
public/assets/images/microscope/white-blood-stained.png
public/assets/images/microscope/white-blood-electron.png
public/assets/images/locations/white-blood-location.png

Files In This Repo

SKILL.md
agents/openai.yaml

SKILL.md contains the full workflow and prompt templates.

agents/openai.yaml contains the display metadata used by Codex.