本篇内容为 3D预览 类的在线工具生成型 AI 提示词(Prompts)。每条 Prompt 都要求 AI 直接产出完整可运行项目:包含文件结构、核心源码、运行/构建命令、部署说明,以及测试用例或 QA checklist,用于快速搭建 3D 模型在线预览与检查报告工具。
GLTF/GLB 在线预览与检查器
用途说明:用于在浏览器中完成模型加载、交互预览、关键指标统计与问题诊断,并可导出结构化报告,方便研发/设计/3D资产同事协作定位问题。
英文 Prompt:
You are a senior full-stack engineer. Build a production-ready web app: "GLTF/GLB Online Viewer + Inspector".
Hard requirements:
- Tech: Next.js (App Router) + Type + three.js.
- Upload: drag-and-drop local GLTF/GLB (no server upload by default); also support loading from a user-provided URL with CORS error handling.
- Viewer: orbit controls, fit-to-view, axis grid toggle, animation list + play/pause/scrub, tone mapping toggle.
- Inspector: show counts (nodes, meshes, triangles, materials, textures), list materials + maps, detect missing textures, detect non-power-of-two textures.
- Validation: integrate glTF-Validator (client-side) and present issues grouped by severity; allow exporting the validation report as JSON.
Deliverables:
1) Full project source code with clear file tree.
2) Commands: dev, build, start.
3) Optional Dockerfile + docker compose.
4) A QA checklist (>= 8 items) covering: large files, animation playback, URL load failures, mobile performance.
Output format:
- First: file tree
- Then: key files content
- Then: run/deploy instructions
- Then: QA checklist
中文释义:
让 AI 生成一个可直接运行/部署的在线 3D 预览与检查工具项目;输出需包含完整文件树、核心实现代码、运行与部署步骤,以及不少于 5 条测试用例或 QA checklist,用于验证加载/交互/报表导出等关键功能。
STL/OBJ 在线预览与测量工具
用途说明:用于在浏览器中完成模型加载、交互预览、关键指标统计与问题诊断,并可导出结构化报告,方便研发/设计/3D资产同事协作定位问题。
英文 Prompt:
You are a senior web engineer. Create a single-page app: "STL/OBJ Online Preview + Measurements".
Hard requirements:
- Tech: Vite + React + Type + three.js.
- Supports STL and OBJ imports; shows a loading state and error messages.
- Features: unit selection (mm/cm/m), bounding box dimensions, surface area + volume estimation (document the algorithm/assumptions), center and re-orient model.
- Diagnostics: detect non-manifold edges (best-effort), inverted normals (best-effort), and report as warnings.
- Export: allow downloading a JSON report containing data + diagnostics + computed measurements.
Deliverables:
- Full project code + file tree
- s/commands
- A minimal test plan (>= 6 cases) and a manual QA checklist (>= 6 items)
中文释义:
让 AI 生成一个可直接运行/部署的在线 3D 预览与检查工具项目;输出需包含完整文件树、核心实现代码、运行与部署步骤,以及不少于 5 条测试用例或 QA checklist,用于验证加载/交互/报表导出等关键功能。
3D 模型上传审阅面板(含存储与记录)
用途说明:用于在浏览器中完成模型加载、交互预览、关键指标统计与问题诊断,并可导出结构化报告,方便研发/设计/3D资产同事协作定位问题。
英文 Prompt:
You are a senior full-stack engineer. Build a web tool: "3D Model Upload Review Board" for internal teams.
Hard requirements:
- Category stays 3D preview/inspection (no image generation).
- Tech: SvelteKit + Type .
- Users can upload GLB/STL/OBJ; app stores files locally on server disk (development) and in S3-compatible storage (production) using environment variables.
- Each upload generates an inspection record: data (size, format, triangle count), validator output (if GLB/GLTF), and a notes field.
- Provide a secure admin page with basic auth (username/password from env).
- Provide an API endpoint to fetch inspection records.
Deliverables:
- Full project code + migrations/DB schema (SQLite)
- Run commands + env sample
- Deployment guide (Docker)
- Automated tests (>= 5) for API/auth/storage adapters
中文释义:
让 AI 生成一个可直接运行/部署的在线 3D 预览与检查工具项目;输出需包含完整文件树、核心实现代码、运行与部署步骤,以及不少于 5 条测试用例或 QA checklist,用于验证加载/交互/报表导出等关键功能。
GLTF 材质与纹理审计工具
用途说明:用于在浏览器中完成模型加载、交互预览、关键指标统计与问题诊断,并可导出结构化报告,方便研发/设计/3D资产同事协作定位问题。
英文 Prompt:
You are a staff engineer. Create a browser- d tool: "GLTF Material & Texture Audit".
Hard requirements:
- Tech: plain Type + Vite (no frameworks).
- Load GLTF/GLB locally; parse and render a simple preview.
- Audit rules:
- List all materials and referenced textures.
- Flag textures larger than a configurable max size.
- Flag images with alpha channel where not needed (best-effort heuristic).
- Flag duplicate textures by hash (compute hash client-side).
- Flag missing normal/roughness/ llic maps (configurable).
- Export: JSON report + human-readable HTML report.
Deliverables:
- Full project source + file tree
- Usage docs
- QA checklist (>= 10 items)
中文释义:
让 AI 生成一个可直接运行/部署的在线 3D 预览与检查工具项目;输出需包含完整文件树、核心实现代码、运行与部署步骤,以及不少于 5 条测试用例或 QA checklist,用于验证加载/交互/报表导出等关键功能。
3D 资产性能预算检查工具
用途说明:用于在浏览器中完成模型加载、交互预览、关键指标统计与问题诊断,并可导出结构化报告,方便研发/设计/3D资产同事协作定位问题。
英文 Prompt:
You are a senior engineer. Build "3D Model Performance Budget Checker".
Hard requirements:
- Tech: Node.js + Type CLI + a small web UI (Express + minimal HTML) to upload a model and view results.
- Inputs: GLB/GLTF.
- Checks: triangle count, draw calls estimate, texture count/total bytes, animation clips, bounding box.
- Provide configurable budgets via a JSON config file.
- Output: pass/fail with explanations and suggestions (e.g., merge meshes, resize textures).
- No rendering images; focus on metrics.
Deliverables:
- Full repo + file tree
- Commands to run CLI and web UI
- Docker deploy
- Tests (>= 8) including budget config parsing and GLB parsing edge cases
中文释义:
让 AI 生成一个可直接运行/部署的在线 3D 预览与检查工具项目;输出需包含完整文件树、核心实现代码、运行与部署步骤,以及不少于 5 条测试用例或 QA checklist,用于验证加载/交互/报表导出等关键功能。
GLTF/GLB 差异对比工具
用途说明:用于在浏览器中完成模型加载、交互预览、关键指标统计与问题诊断,并可导出结构化报告,方便研发/设计/3D资产同事协作定位问题。
英文 Prompt:
You are a senior developer. Create "GLTF vs GLTF Diff Viewer" for regression checking.
Hard requirements:
- Tech: Next.js + Type .
- Users upload two GLB/GLTF files; app computes and displays differences:
- node hierarchy changes
- mesh/primitive count changes
- material property changes
- texture list changes
- animation clip changes
- Show results in a structured UI and allow exporting a diff JSON.
- Optional: side-by-side viewer tabs for each file (no image generation).
Deliverables:
- Full project code + file tree
- Run + deploy instructions
- Test cases (>= 6) covering identical files, renamed nodes, missing textures
中文释义:
让 AI 生成一个可直接运行/部署的在线 3D 预览与检查工具项目;输出需包含完整文件树、核心实现代码、运行与部署步骤,以及不少于 5 条测试用例或 QA checklist,用于验证加载/交互/报表导出等关键功能。
STL 修复前自检工具
用途说明:用于在浏览器中完成模型加载、交互预览、关键指标统计与问题诊断,并可导出结构化报告,方便研发/设计/3D资产同事协作定位问题。
英文 Prompt:
You are a senior engineer. Build an online tool: "STL Repair Precheck".
Hard requirements:
- Tech: React + Type .
- Load STL locally and run checks: holes/gaps (best-effort), self-intersections (best-effort), disconnected components, extreme aspect ratios.
- Provide recommendations and a checklist for what to fix in external tools (do NOT generate or auto-repair geometry).
- Export a report (JSON + Markdown).
Deliverables:
- Full project source
- Commands
- QA checklist (>= 8)
- Explain limitations clearly
中文释义:
让 AI 生成一个可直接运行/部署的在线 3D 预览与检查工具项目;输出需包含完整文件树、核心实现代码、运行与部署步骤,以及不少于 5 条测试用例或 QA checklist,用于验证加载/交互/报表导出等关键功能。
3D 资产验收 QA 清单生成器
用途说明:用于在浏览器中完成模型加载、交互预览、关键指标统计与问题诊断,并可导出结构化报告,方便研发/设计/3D资产同事协作定位问题。
英文 Prompt:
You are a senior engineer. Create "3D Asset Intake QA Checklist Generator".
Hard requirements:
- Category stays 3D preview/inspection.
- Tech: Vue 3 + Type .
- App lets users choose asset type (GLTF/GLB/STL/OBJ) and target platform (Web, Mobile, AR/VR) and generates a QA checklist and acceptance criteria.
- Provide a built-in template library and allow exporting to Markdown and JSON.
- Include internationalization (zh-CN/en).
Deliverables:
- Full project code + file tree
- Run/deploy docs
- Unit tests (>= 6) for template generation and i18n switching
中文释义:
让 AI 生成一个可直接运行/部署的在线 3D 预览与检查工具项目;输出需包含完整文件树、核心实现代码、运行与部署步骤,以及不少于 5 条测试用例或 QA checklist,用于验证加载/交互/报表导出等关键功能。