GLB/GLTF 在线预览与模型体检面板
用于把 GLB/GLTF 拖拽上传后在线预览,并输出面数/顶点数/材质数/纹理引用等体检结果与风险提示。
英文 Prompt:
Build a complete runnable web app named "Model Inspector" that previews GLB/GLTF and generates an inspection report.
Requirements:
- Tech stack: Vite + React + Type , Three.js for rendering.
- UI: drag-and-drop upload, model viewer (orbit controls), left panel with metrics, right panel with warnings.
- Compute: bounding box (mm), surface area, volume estimate (if closed), triangle/vertex count, draw calls, material count, textures (list URL/file, size), animation clips (count + names).
- Validate: missing normals, non-manifold edges (best-effort), very large triangle count thresholds, extreme scale.
- Export: report as JSON + Markdown, downloadable.
- Provide: full file tree, all source code, package s, and exact commands to run dev/build.
- Provide: Dockerfile + docker-compose for production build and static hosting (nginx).
- Provide: QA checklist (>=8 items) covering upload, metrics accuracy, large file handling, cross-browser.
Output must include: FILE_TREE, CODE (all files), RUN_COMMANDS, DEPLOYMENT, QA_CHECKLIST.
中文释义:让 AI 产出一套可直接跑起来的「模型预览 + 体检」在线工具,强调可运行项目、指标计算、风险告警与报告导出。
STL 在线预览与尺寸测量(点到点/轴向/投影)
用于在线打开 STL(ASCII/二进制),支持点选测距、轴向对齐测量与单位换算。
英文 Prompt:
Create a fully working web app "STL Measure".
Requirements:
- Stack: Next.js (App Router) + Type .
- Viewer: Three.js, load STL (binary + ASCII), orbit controls, wireframe toggle.
- Measurement:
- Click to place two points on the mesh (raycast) and measure distance.
- Provide axis-aligned dimensions (X/Y/Z) from bounding box.
- Provide projected dimensions in current camera view.
- Units: mm/cm/m/inch with conversion.
- UX: undo/redo point placements, copy measurement to clipboard, clear measurements.
- Export: measurement results to CSV and JSON.
- Include: complete code, file tree, npm s, and commands.
- Include: deployment guide for Vercel and a Docker option.
- Include: QA checklist (>=10 items) including raycast accuracy, performance with large meshes.
Deliver: FILE_TREE, CODE, RUN_COMMANDS, DEPLOYMENT, QA_CHECKLIST.
中文释义:生成一个「STL 在线测量」工具,要求点选测距、单位换算、结果导出与完备的部署/测试说明。
OBJ/MTL 在线预览与材质贴图引用检查
用于上传 OBJ + MTL + 贴图后在线预览,并自动检查贴图缺失、路径不一致、重复引用等问题。
英文 Prompt:
Build a complete web tool "OBJ Dependency Checker".
Requirements:
- Stack: Vite + Vue 3 + Type OR React + TS (choose one and stick to it).
- Inputs: upload a folder (use input webkitdirectory when available) OR multiple files. Must support OBJ, MTL, PNG/JPG.
- Parse MTL and map_Kd / map_Ks / bump / norm references.
- Validate:
- list missing files
- normalize path separators
- detect duplicates by filename + size
- warn if textures exceed size limits
- Viewer: render model with textures when present.
- Report: downloadable HTML report + JSON.
- Provide: full code, file tree, run/build commands, and Docker deployment.
- Provide: QA checklist (>=8 items).
Output sections: FILE_TREE, CODE, RUN_COMMANDS, DEPLOYMENT, QA_CHECKLIST.
中文释义:输出一个可部署的「OBJ 依赖检查」在线工具,重点是贴图引用校验与报告导出,不涉及任何图片生成。
GLB 在线结构拆解:节点树/材质清单/动画清单
用于把 GLB 在线拆解为可读的节点树,并支持按节点高亮、隔离、以及导出结构清单。
英文 Prompt:
Create a production-ready web app "GLB Explorer".
Requirements:
- Stack: React + Type + Vite.
- Features:
- Upload GLB/GLTF.
- Display a collapsible scene graph tree (nodes, meshes, cameras, lights).
- Click a node to isolate/highlight it in the viewer.
- Show materials list (type, textures, properties) and animations list (clips, duration).
- Search/filter nodes by name.
- Export:
- export scene graph as JSON
- export a Markdown summary
- Provide: full project source, commands, and deployment (Docker + static hosting).
- Provide: tests or QA checklist (>=10 items). If automated tests: include at least 5 Playwright tests.
Output: FILE_TREE, CODE, RUN_COMMANDS, DEPLOYMENT, TESTS_OR_QA.
中文释义:让 AI 交付一个完整项目,实现模型节点树浏览、隔离高亮与结构导出,满足可运行/可部署/可验证。
3D 模型批量校验:上传 ZIP 后生成汇总报告
用于一次上传 ZIP(包含多个模型文件),自动逐个解析并输出统一的体检指标、错误与告警。
英文 Prompt:
Build a full-stack web app "Batch Model Validator".
Requirements:
- Stack: Node.js + Express (API) + React (frontend) + Type .
- Upload: accept a ZIP file containing multiple models (GLB/GLTF/STL/OBJ). Extract server-side.
- For each model, compute:
- file size, triangle count (best-effort), bounding box, and basic format-specific checks.
- collect parse errors and warnings.
- UI: table view with sorting/filtering, per-file detail modal, download report.
- Security: limit upload size, sanitize filenames, never execute embedded s.
- Provide: full code, file tree, run commands, Docker compose for API + frontend.
- Provide: QA checklist (>=12 items) including abuse cases.
Deliver: FILE_TREE, CODE, RUN_COMMANDS, DEPLOYMENT, QA_CHECKLIST.
中文释义:生成可部署的「批量校验」在线工具,强调后端解压解析、前端表格汇总、以及安全与 QA 覆盖。
3D 预览的性能诊断:帧率监控与渲染开销提示
用于在线预览模型时实时展示 FPS、帧时间、draw calls,并给出优化建议提示(仅建议,不生成渲染图)。
英文 Prompt:
Create a runnable web app "3D Perf Dashboard".
Requirements:
- Stack: SvelteKit + Type .
- Viewer: load GLB/GLTF.
- Metrics:
- FPS, frame time (ms), renderer info (draw calls, triangles, geometries, textures).
- memory usage where available.
- Warnings:
- thresholds for too many triangles/draw calls/texture size.
- suggest actionable optimization steps (mesh decimation, texture atlas, instancing).
- Export: export a perf snapshot report as JSON.
- Provide: complete code + run/build commands + Docker deployment.
- Provide: QA checklist (>=8 items).
Output: FILE_TREE, CODE, RUN_COMMANDS, DEPLOYMENT, QA_CHECKLIST.
中文释义:生成一个可运行的性能诊断面板,帮助用户评估模型在 Web 端预览的渲染压力与优化方向。
3D 模型单位与比例纠错:自动识别异常尺寸并提供一键缩放
用于识别模型尺寸是否疑似单位错误(例如 mm/m 混淆),并提供一键缩放与导出修正后的 glTF。
英文 Prompt:
Build a complete web tool "Scale Fixer".
Requirements:
- Stack: React + Type .
- Accept: GLB/GLTF upload.
- Detect: if bounding box dimensions are extremely small/large compared to expected ranges (configurable presets: product, furniture, architecture).
- Provide: suggested scale factors (x0.001, x0.01, x10, x1000) with preview.
- Export: download a corrected glTF/GLB (use glTF-Transform or a pure JS solution) preserving materials.
- Provide: full code, file tree, commands, deployment, and QA checklist (>=10 items).
Deliver: FILE_TREE, CODE, RUN_COMMANDS, DEPLOYMENT, QA_CHECKLIST.
中文释义:产出一个可部署的单位/比例纠错工具,支持预览缩放效果并导出修正文件。
3D 检查报告生成器:多格式输入 + 一页式可分享报告
用于把单个模型文件生成一页式报告(指标、截图、告警、元数据),支持生成可分享链接(本地存储或短期 token)。
英文 Prompt:
Create a full-stack app "Shareable Model Report".
Requirements:
- Stack: Remix or Next.js + Type (choose one).
- Accept uploads: GLB/GLTF/STL/OBJ.
- Generate:
- metrics (size, triangles, materials, bounding box)
- warnings
- a single-page report UI
- Sharing:
- store report JSON in SQLite (or file- d JSON store) with an expiring token .
- provide a cleanup job endpoint.
- Security: upload limits, CORS, basic rate limiting.
- Provide: full code, DB schema/migrations, run commands, Docker deployment.
- Provide: tests (unit tests for report generation + at least 5 E2E tests) OR QA checklist >=12 items.
Output: FILE_TREE, CODE, RUN_COMMANDS, DEPLOYMENT, TESTS_OR_QA.
中文释义:生成可运行的全栈工具,把模型检测结果整理成可分享的一页式报告,并提供部署与验证方案。