GoodCase.aiGoodCase.aiAI Case Evidence Library
CasesDailySkillsCreatorsFavoritesSubmit
中文EN
Agent Access →
GoodCase.ai · AI Case Evidence LibraryLoading the case library.
ChangelogFeedback
GoodCase.aiGoodCase.aiAI Case Evidence Library
CasesDailySkillsCreatorsFavoritesSubmit
中文EN
Agent Access →
AI Coding (UI)XEvidence L1#web#human-reviewed#Codex · GPT-5.6 Ultra · Blender · Three.jsCodex · GPT-5.6 Ultra · Blender · Three.js

Codex Chinese Ancient Temple 3D Interactive Website

givros avatarCreatorgivros →

A website case by @givros made with Codex · GPT-5.6 Ultra · Blender · Three.js, including the public result, full prompt, and original source.

View original source ↗
Source ♥ 214

Prompt

You are an expert Blender architectural artist, procedural 3D modeler, Python developer, and Three.js developer.

Your task is to recreate the exact same traditional Chinese temple shown in the attached multi-view reference image, then build an interactive web page that displays the final 3D model and allows the user to inspect it from every angle.

The attached image is the primary source of truth. It contains multiple views of the same temple, including front, rear, side, top-down, and three-quarter perspective views.

Cross-reference all visible views continuously so the final result is one coherent building that matches the reference from every angle.

Do not create a generic Chinese temple merely inspired by the image.

Reproduce this specific temple as faithfully as possible, including:

- Overall proportions.
- Building footprint.
- Two-level structure.
- Roof silhouettes.
- Roof curvature.
- Roof overhangs.
- Column layout.
- Window and door placement.
- Stone foundation.
- Stair placement.
- Railings.
- Decorative elements.
- Colors.
- Materials.
- Architectural rhythm.

The final result must be a complete, editable 3D model and a working interactive web viewer.

# CRITICAL BLENDER EXECUTION RULE

Blender must be used exclusively through the terminal.

Do not interact manually with the Blender graphical interface.

Do not use:

- Manual viewport manipulation.
- Mouse-based modeling.
- Manual object placement.
- Manual material editing.
- Manual modifier configuration.
- Manual camera placement.
- Manual rendering.
- Manual exporting.
- Any GUI-based Blender workflow.

Do not ask the user to perform manual steps inside Blender.

All Blender operations must be performed using Python scripts executed from the terminal.

Use Blender in background mode whenever possible:

```bash
blender --background --python scripts/build_temple.py

Reusable method

Key decisions

Check whether information hierarchy, module order, and CTA clarity all hold in the final result.

Adapt it to your subject

Extract “target result → the product name, audience, page modules, and primary button → constraints” as a reusable template for similar work.

Where it breaks

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

Codex · GPT-5.6 Ultra · Blender · Three.js
Stability
Cost
Medium

Derived Skill

Reusable methods evidenced by this Case.

Skills are derived from repeated patterns in published cases. They are not a separate submission type.

Shared skill3D and motion heroView evidence →Shared skillLanding-page information structureView evidence →
givros avatar

Creator

givros

givros focuses on production-ready AI interfaces and is active on X. “Codex Chinese Ancient Temple 3D Interactive Website” is the current representative case, built with Codex · GPT-5.6 Ultra · Blender · Three.js with its stability retest open to votes.

Editor’s pickAI Coding (UI)
View creator →

Keep exploring

Explore related cases.

View all AI Coding (UI) Case →
3D Supermarket-Packaging-Style Creative Agency Website
AI Coding (UI)X@Oluwaphilemon1 →

3D Supermarket-Packaging-Style Creative Agency Website

A webpage case by @Oluwaphilemon1 using Claude Fable 5 · Three.js · Blender · GSAP, including the public result, full prompt, and original source.

Skill · 3D and motion heroSkill · Portfolio story architecture

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 al

Source heat
48
Stability
View case →
3D Invoice Printer SaaS Component
AI Coding (UI)X@uxsweta →

3D Invoice Printer SaaS Component

A webpage case by @uxsweta using AI UI Builder, including the public result, full prompt, and original source.

Skill · 3D and motion heroSkill · Product and commerce conversion page

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 wid

Source heat
45
Stability
View case →
Minimal AI Consultant Personal Portfolio
AI Coding (UI)X@shushant_l →

Minimal AI Consultant Personal Portfolio

A webpage case by @shushant_l using AI Website Builder, including the public result, full prompt, and original source.

Skill · Portfolio story architectureSkill · Product and commerce conversion page

Prompt

Here's how to create your website in minimalist design style with AI. Use this prompt: Design a modern minimalist portfolio website for a digital creator and AI consultant. Use a clean black, white, and neutral color pa

Source heat
43
Stability
View case →
GoodCase.ai · AI Case Evidence LibraryEach detail page keeps the work, method, creator, and retest evidence in one reading path.
ChangelogFeedback