下面每条都是“在线工具生成型”提示词：复制任意一条给 AI，即可得到一个可运行/可部署的浏览器端 3D 预览工具完整项目。所有提示词均要求：直接输出可用的 HTML 源码作为交付物（以 index.html 为核心），并内置“一键输出 HTML”按钮，生成可直接打开的单文件 HTML 交付件（或一键生成包含 index.html 的最小可运行包）。
面向日常验收：把 GLB/GLTF 拖进浏览器即可预览，自动生成模型信息面板，适合设计与开发之间快速确认资产是否合格。
提示词 (Prompts):
请用中文完成一个“浏览器端 3D 模型预览与信息面板”在线工具项目，技术栈为原生 HTML/CSS/ （可使用 three.js CDN，不要使用需要构建的框架）。支持拖拽/选择本地文件（GLB/GLTF），在页面中显示模型并提供轨道控制器。必须在页面右侧显示信息面板：文件名、文件大小、加载耗时、包围盒尺寸、模型中心点、总顶点数、总面数、网格数量、材质数量、贴图数量、是否包含动画、动画数量、骨骼数量（如可获取）。
交付物要求：直接输出可运行的 index.html 源码（包含全部 CSS/JS），并额外输出一个清晰的“文件树”（即使只有一个文件也要列出来）。同时给出运行方式（本地直接双击打开或用静态服务器）、部署说明（例如 GitHub Pages/任意静态托管），以及至少 8 条 QA checklist（包含：不同格式、超大文件、加载失败提示、移动端兼容、WebGL 不可用提示等）。
新增硬约束：工具必须提供一个按钮“一键导出 HTML”，点击后生成并下载一个单文件 HTML（例如 export.html）。导出的 HTML 打开后仍能使用同样的预览功能，并支持再次选择/拖拽模型文件进行预览。导出逻辑需要把当前页面所需的脚本与样式内联到导出文件里（不要依赖外部 CSS 文件）。
主要用途: 用最少步骤完成 GLB/GLTF 的可视化验收，并把“可复现的离线预览页”作为交付件给同事/客户。
面向资产规范：检查材质数量、贴图引用、贴图尺寸是否异常，帮助提前发现“黑模/贴图丢失/体积膨胀”等问题。
提示词 (Prompts):
请用中文实现一个“3D 材质与贴图审计台”在线工具，输入为 GLB/GLTF（拖拽或文件选择）。页面必须展示：所有材质列表、每个材质的类型（PBR/Phong 等）、关键参数（ Color、 lness、roughness、opacity、emissive）、以及关联的贴图（ Color/normal/ lnessRoughness/occlusion/emissive 等）。对每张贴图做审计：分辨率、文件大小（如可获取）、是否为幂次方尺寸、是否带透明通道、是否疑似灰度贴图（可用简单采样判断）。
必须提供“导出审计报告”功能：一键生成 JSON 报告并下载；同时提供“一键导出 HTML”生成可离线打开的单文件 HTML，导出文件中仍可载入模型并重新生成报告。
交付物：直接输出可运行的 index.html 源码 + 文件树 + 运行命令/部署说明 + 至少 10 条 QA checklist（包含：贴图缺失占位提示、法线贴图颜色空间提醒、同名贴图冲突、跨域/本地文件权限提示等）。
主要用途: 在浏览器里做“材质/贴图合规检查”，减少上线后才发现的渲染问题与资源超标。
面向性能预算：把面数、顶点、网格数量等转成可读的风险提示，适合移动端或 Web 端性能把关。
提示词 (Prompts):
请用中文实现一个“3D 性能预算检查器”在线工具（原生 HTML/CSS/JS + three.js CDN）。输入 GLB/GLTF/STL/OBJ。工具需统计：总顶点数、总三角面数、网格数量、材质数量、是否使用多材质、贴图数量；并基于可配置阈值（例如移动端/桌面两套预设）给出告警等级（绿/黄/红）与建议（如：合并网格、减少材质、压缩贴图、启用 Draco 等）。
必须支持：1) 选择预设（移动端/桌面/WebXR） 2) 自定义阈值 3) 一键导出“检查结果 JSON” 4) 一键导出 HTML（单文件，离线可再次检查）。
交付物：直接输出 index.html 源码 + 文件树 + 运行/部署 + 至少 8 条测试用例或 QA checklist。
主要用途: 让非技术同学也能用“阈值 + 告警”理解模型是否超预算，并把结果导出留档。
面向动效验收：快速确认动画数量、时长、是否循环、相机/灯光是否带入，以及播放是否正常。
提示词 (Prompts):
请用中文实现“GLTF 动画与相机检查器”在线工具（原生 HTML/CSS/JS + three.js CDN）。输入 GLB/GLTF 后自动列出动画列表（名称、时长、帧率估算、是否包含位移/旋转/缩放通道、是否包含骨骼动画），提供播放/暂停/快进/慢放/循环开关。若模型包含相机/灯光，需在面板中列出并允许切换视角。页面要有一个简单时间轴（可拖动进度）。
必须实现：导出当前检查摘要为 Markdown 与 JSON；并提供 一键导出 HTML 生成单文件离线版。
交付物：直接输出可运行的 index.html 源码 + 文件树 + 运行/部署 + 至少 10 条 QA checklist（包含：动画缺失、多个动画切换、长动画性能、移动端触控、WebGL 降级提示）。
主要用途: 把“动画是否齐全、播放是否正常”这类验收步骤产品化，方便跨团队沟通与复现。
面向打印与制造：STL 常见问题是单位不一致与尺寸偏差，该工具把尺寸与体积计算做成一键校对流程。
提示词 (Prompts):
请用中文实现“STL/OBJ 预览与尺寸校对”在线工具（原生 HTML/CSS/JS + three.js CDN）。支持 STL（ASCII/二进制）与 OBJ。加载后显示：包围盒长宽高、估算体积（可用网格体积算法，若不闭合需提示不可靠）、表面积、模型中心点。提供单位切换（mm/cm/m），并提供“缩放到目标尺寸”的功能（输入目标最长边或目标体积，自动计算缩放因子并实时预览）。
必须提供：1) 导出校对报告（JSON） 2) 生成“缩放后的模型下载”（若实现困难可先导出参数与操作说明，但要明确限制） 3) 一键导出 HTML 生成离线单文件版。
交付物：直接输出 index.html 源码 + 文件树 + 运行/部署 + 至少 8 条 QA checklist。
主要用途: 在浏览器里快速完成 STL/OBJ 的尺寸核对与单位统一，减少打印前返工。
面向迭代管理：同一资产多版本经常“改了但说不清”，该工具把关键指标对比可视化，支持留档。
提示词 (Prompts):
请用中文实现“3D 模型版本对比器”在线工具（原生 HTML/CSS/JS + three.js CDN）。支持同时加载两个模型文件（A/B），支持 GLB/GLTF/STL/OBJ。要求：左右分屏预览 + 同步相机（旋转/缩放联动）。自动对比并展示差异：顶点数、面数、网格数量、材质数量、贴图数量、包围盒尺寸、是否有动画/骨骼。给出差异结论（例如“B 的三角面数 +35%：可能影响移动端性能”）。
必须支持：导出对比报告（JSON + 可复制摘要文本）；并提供 一键导出 HTML 生成单文件离线对比页。
交付物：直接输出 index.html 源码 + 文件树 + 运行/部署 + 至少 10 条 QA checklist。
主要用途: 用同一套视角做 A/B 对比，把“差异”变成可量化、可复现的报告。
面向包体控制：把资源占比拆清楚，定位“到底是几何大还是贴图大”，便于制定压缩策略。
提示词 (Prompts):
请用中文实现“GLB 资源体积分析器”在线工具。输入 GLB 后解析并估算各部分占比：几何缓冲（positions/normals/uvs/indices）、动画数据、材质参数、贴图（若内嵌）等。页面需用图表（可用原生 SVG/Canvas）展示占比，并给出建议：例如贴图占比高时建议压缩/降分辨率、几何占比高时建议重拓扑或简化网格。若无法精确拆分，也要明确采用的估算方法与误差来源。
必须提供：导出分析结果 JSON；并提供 一键导出 HTML 生成离线单文件版。
交付物：直接输出 index.html 源码 + 文件树 + 运行/部署 + 至少 8 条 QA checklist。
主要用途: 快速定位 GLB 包体膨胀原因，把优化方向从“凭感觉”变成“看数据”。
面向交付：把预览、说明、版本信息做成可分享的离线交付页，适合交给客户或外包验收。
提示词 (Prompts):
请用中文实现“3D 预览交付页生成器”在线工具：用户上传/选择一个 GLB/GLTF/STL/OBJ 后，工具生成一份带品牌信息的交付页。交付页需要包含：模型预览区、版本信息（版本号/日期/作者/备注，用户可填写）、使用说明（键鼠/触控操作）、以及自动生成的模型指标（面数/顶点/包围盒/材质数量等）。
核心要求：页面必须有一个“一键输出 HTML”按钮，点击后把上述交付页直接导出为单文件 HTML（例如 deliverable.html），打开即可看到同样的交付结构，并支持重新选择模型文件进行预览（考虑到文件不能嵌入过大，需在导出页里保留选择文件入口）。
交付物：直接输出可运行的 index.html 源码 + 文件树 + 运行/部署 + 至少 10 条 QA checklist（包含：空字段校验、导出文件可重复导出、不同浏览器下载、离线打开限制提示等）。
主要用途: 把 3D 资产交付做成“标准化的离线预览页”，减少沟通成本，便于归档。
