这篇只聚焦「在线预览」这一类：把各种输入（API响应/日志/OpenAPI/HAR/Markdown/CSV/配置文件等）在浏览器里做可读化预览，并且一键导出可离线打开的HTML文件（用于交付、归档、走查、复盘）。
每条都是中文Prompt：要求AI一次性产出完整项目代码、文件结构、运行命令、部署说明，以及不少于5条测试用例或QA检查清单；并明确“一键输出HTML”的实现方式。
在线预览 API响应快照对比与一键导出HTML报告
用于把两份API JSON响应做结构化Diff（忽略字段/排序/数值容差可配置），输出可分享的离线报告。
中文 Prompt:
请用中文完成以下需求：
你是资深全栈工程师，请生成一个可运行的“API响应快照对比”在线工具项目，要求：
- 技术栈：Vite + React + Type （或纯Vanilla也可，但要给出理由），UI可用基础CSS。
- 输入：支持粘贴两段JSON、上传两个.json文件、以及从URL拉取JSON（提供可选的CORS代理提示但不要内置第三方服务）。
- 对比：结构化Diff（对象键排序无关、数组可选按key匹配、数值可选容差），支持忽略字段路径（JSONPath或简化路径）。
- 展示：左右对照 + 高亮差异 + 差异摘要（新增/删除/变更计数），可折叠节点。
- 一键输出HTML（硬约束）：必须提供“导出HTML报告”按钮，生成单个可直接打开的 report.html 文件（包含内联CSS/JS与数据，无需网络）。
- 交付物（硬约束）：输出完整源码 + 清晰文件树 + 本地运行命令 + 构建命令 + 部署说明（静态站点） + README。
- 测试/QA（硬约束）：至少给出5条测试用例或QA checklist（包含大JSON、非法JSON、忽略字段、容差、导出报告可离线打开）。
- 额外：提供“示例数据一键填充”“导出差异为JSON”功能。
请直接输出：1) 项目文件树；2) 每个文件完整代码；3) 运行/构建/部署步骤；4) QA清单。
中文释义：把“对比过程”和“对比结果”固化为可离线打开的HTML报告，便于走查与留档。
在线预览 日志文件过滤检索与一键导出HTML审计页
用于预览本地日志（文本/JSONL），做关键字、时间范围、等级过滤，并生成离线审计页面。
中文 Prompt:
请用中文生成一个可运行的“日志预览与审计导出”在线工具项目：
- 技术栈：Vite + Vue3 + Type （或React亦可），不依赖后端。
- 输入：上传 .log/.txt/.jsonl 文件；支持拖拽；支持粘贴。
- 解析：自动识别JSONL与纯文本；JSONL按字段展示（time/level/msg/traceId等可配置映射）。
- 检索：关键字高亮、正则搜索、时间范围过滤、等级过滤、按字段筛选；支持保存/加载筛选条件。
- 一键输出HTML（硬约束）：导出一个可离线打开的 audit.html，包含筛选条件摘要、命中条目表格、统计图（用纯SVG/Canvas，禁止生成图片内容）。
- 交付物（硬约束）：给出文件树、源码、运行命令、构建命令、部署说明、README。
- 测试/QA（硬约束）：至少5条QA（大文件性能、非法JSONL行容错、正则、导出离线可用、字段映射）。
请输出完整项目代码与说明。
中文释义：把“筛选后的关键日志证据”导出为离线HTML，方便审计与共享。
在线预览 OpenAPI/Swagger 预览与一键导出离线文档页
用于把OpenAPI JSON/YAML加载后生成可离线阅读的接口文档，并支持搜索与变更提示。
中文 Prompt:
请用中文生成一个“OpenAPI离线预览与导出”在线工具：
- 技术栈：纯前端（Vite + Svelte 或 React均可）。
- 输入：上传/粘贴 OpenAPI 3.0 的 JSON 或 YAML；支持从URL拉取。
- 功能：接口分组导航、参数/响应示例展示、全文搜索、标记必填字段；可对比两份OpenAPI并高亮变更（可选）。
- 一键输出HTML（硬约束）：导出单文件 index.html（内联CSS/JS与解析后的规范数据），离线打开后仍可搜索与展开折叠。
- 交付物（硬约束）：完整源码、文件树、运行/构建/部署步骤。
- 测试/QA（硬约束）：至少5条（YAML解析、无效规范提示、URL拉取失败处理、导出离线可用、包含中文接口名的搜索）。
请输出完整项目代码。
中文释义：把接口规范变成可离线分发的单页文档，适合交付与评审。
在线预览 HAR网络请求分析与一键导出HTML性能报告
用于预览浏览器HAR，统计资源体积/瀑布图/域名分布，并导出离线报告。
中文 Prompt:
请用中文生成“HAR预览与性能报告导出”在线工具项目：
- 技术栈：Vite + React + Type 。
- 输入：上传 .har（JSON）。
- 分析：请求总数、总耗时、按域名/资源类型统计、Top N大资源；渲染瀑布图（用SVG/Canvas绘制，不生成图片）。
- 交互：筛选域名、资源类型、状态码；点击条目查看request/response概要与headers。
- 一键输出HTML（硬约束）：导出单文件 report.html，包含统计摘要、可展开表格与瀑布图，离线打开可用。
- 交付物（硬约束）：文件树+源码+命令+部署说明。
- 测试/QA（硬约束）：至少5条（超大HAR、缺失字段容错、导出离线可用、瀑布图比例正确、筛选逻辑）。
请输出完整项目代码。
中文释义：把一次性能抓包的关键信息整理成可离线复盘的HTML报告。
在线预览 Markdown资料预览、目录与一键导出单页HTML
用于把Markdown转换为可交互目录的预览页，并一键导出可直接打开的HTML交付物。
中文 Prompt:
请用中文生成一个“Markdown预览与单页导出”在线工具：
- 技术栈：Vite + Vue3 + Type 。
- 输入：粘贴或上传 .md；支持多文件（可选）并合并为一个页面。
- 预览：实时渲染、自动生成目录、代码块高亮、表格支持；可切换浅色/深色主题。
- 一键输出HTML（硬约束）：导出单个可直接打开的 index.html（内联CSS/JS与渲染后的HTML内容），离线打开仍可目录跳转。
- 交付物（硬约束）：文件树、完整源码、运行/构建/部署步骤。
- 测试/QA（硬约束）：至少5条（含中文标题目录、超长文档、代码块、非法Markdown、导出离线可用）。
请输出完整项目代码。
中文释义：把说明文档直接打包成交付用单页HTML，免环境依赖。
在线预览 CSV数据预览筛选与一键导出交互式HTML表格
用于预览CSV、做排序/筛选/分页，并导出离线可交互的表格页面。
中文 Prompt:
请用中文生成“CSV预览与交互表格导出”在线工具：
- 技术栈：纯前端（Vite + React + Type ），不需要后端。
- 输入：上传CSV（UTF-8/GBK自动识别可选），支持拖拽与粘贴。
- 功能：列类型推断（数字/日期/文本）、排序、筛选（包含/范围）、分页、列隐藏/重排、快速统计（均值/中位数/唯一值数）。
- 一键输出HTML（硬约束）：导出单文件 table.html，离线打开后仍可排序/筛选/分页（把数据与脚本内联）。
- 交付物（硬约束）：文件树、完整源码、运行/构建/部署步骤。
- 测试/QA（硬约束）：至少5条（大CSV性能、编码、空值、导出离线可用、筛选边界）。
请输出完整项目代码。
中文释义：把一次数据查看结果做成可离线操作的HTML表格，便于交付与复核。
在线预览 配置文件（YAML/JSON/INI）校验预览与一键导出HTML检查单
用于预览配置、做Schema校验/规则检查，并导出离线检查报告。
中文 Prompt:
请用中文生成“配置文件预览与规则校验”在线工具项目：
- 技术栈：Vite + Svelte + Type （或你擅长的前端栈）。
- 输入：粘贴/上传 YAML、JSON、INI；自动识别并格式化预览。
- 校验：支持JSON Schema校验（对JSON/YAML），并内置可编辑的规则列表（例如：必填字段、取值范围、端口冲突、URL格式、敏感字段检测）。
- 结果：错误列表可定位到行列（能做到最好），并生成“检查摘要”。
- 一键输出HTML（硬约束）：导出单文件 report.html，包含原始输入摘要、规则集、命中错误与建议，离线可打开。
- 交付物（硬约束）：文件树、源码、命令、部署说明。
- 测试/QA（硬约束）：至少5条（非法YAML、schema缺失、规则编辑、导出离线可用、敏感字段命中）。
请输出完整项目代码与README。
中文释义：把配置走查变成可复用的规则校验，并导出离线报告留档。
在线预览 代码片段/差异预览与一键导出HTML评审页
用于粘贴两段文本/代码做Diff预览，支持语法高亮与评论区，并导出离线评审页。
中文 Prompt:
请用中文生成“代码差异预览与评审导出”在线工具：
- 技术栈：Vite + React + Type 。
- 输入：左右两栏粘贴文本/代码；可选择语言用于高亮；可导入/导出为JSON会话文件。
- Diff：行级diff + 可选词级diff；支持忽略空白与大小写。
- 评论：允许在行号上添加评论（本地存储即可）。
- 一键输出HTML（硬约束）：导出单文件 review.html，包含diff视图与评论，离线打开可查看（评论可只读）。
- 交付物（硬约束）：完整源码、文件树、运行/构建/部署步骤。
- 测试/QA（硬约束）：至少5条（大文本、不同编码字符、忽略空白、导出离线可用、评论定位）。
请输出完整项目代码与说明。
中文释义：把一次评审的差异与结论固化为单个HTML，适合发给同事或留档。
