下面每条中文 Prompt 都要求 AI 直接产出一个可运行/可构建/可部署的在线工具项目：包含完整代码、清晰文件结构、运行命令、部署说明，以及测试用例或 QA checklist。每个工具都必须支持“一键输出 HTML”（导出单文件 HTML 或一键生成含 index.html 的最小离线包），用于直接预览与交付。
适合把说明文档、技术笔记、需求文档打包成可离线打开的交付物，支持目录、搜索与代码高亮。
中文 Prompt:
请你用中文输出一个可运行的“离线 Markdown + Mermaid 预览器”在线工具完整项目。要求： 1) 技术栈：Vite + React + Type （仅浏览器端，不要后端）。 2) 功能：拖拽/选择 .md 文件；实时渲染 Markdown；支持 Mermaid 代码块渲染；左侧目录；全文搜索；代码块高亮；深浅色切换。 3) 一键输出 HTML（硬约束）：提供“导出单文件 HTML”按钮，将当前文档内容、必要的 CSS/JS 内联到一个 HTML 文件中（打开即可离线浏览，不依赖网络）。 4) 交付物必须包含：完整源码、清晰文件树、从零开始的安装与运行命令（npm/pnpm 任选其一）、构建命令、以及静态部署说明（例如部署到任意静态服务器）。 5) 测试/QA（至少5条）：覆盖拖拽导入、Mermaid 渲染、搜索、导出HTML后离线打开一致性、以及大文件性能（例如 1MB 以上）。 输出格式：先给文件树，再逐文件给关键代码（可省略与主题无关的样板，但必须可直接跑起来），最后给运行命令、部署说明与 QA checklist。
中文释义：做一个把 Markdown 文档变成“可离线交付网页”的工具，强调导出后的单文件 HTML 不依赖外网即可查看与演示。
适合把数据表发给他人离线查阅：筛选、排序、列隐藏、导出可交互 HTML 看板。
中文 Prompt:
请你用中文输出一个可运行的“CSV/TSV 表格查看与筛选器”在线工具完整项目。要求： 1) 技术栈：Vite + Vue3 + Type （纯前端）。 2) 功能：导入 CSV/TSV（本地文件）；自动识别分隔符与编码提示；表格展示支持排序、关键字过滤、按列筛选、列隐藏/固定、行数统计；支持导出当前筛选结果为 CSV。 3) 一键输出 HTML（硬约束）：提供“导出离线HTML看板”按钮，生成一个包含数据与交互脚本的单个 HTML 文件（打开即可离线继续筛选/排序）。 4) 交付物：完整源码、文件树、运行/构建/部署说明。 5) 测试/QA（至少5条）：不同分隔符、含引号/逗号字段、超大行数（例如 5万行）性能、筛选正确性、导出HTML离线可用。 输出：文件树 -> 关键代码 -> 命令与部署 -> QA checklist。
中文释义：把表格数据做成可离线交互的网页交付物，不需要对方装任何软件。
适合接口返回排查与配置变更审阅：结构折叠、路径搜索、两份 JSON 对比并导出报告。
中文 Prompt:
请用中文生成一个可运行的“JSON 浏览器 + Diff 对比器”在线工具完整项目。要求： 1) 技术栈：Next.js（仅静态导出模式，页面纯前端运行）+ Type 。 2) 功能：左侧粘贴/导入 JSON A 与 JSON B；树形折叠展示；路径搜索（例如输入 a.b[0].c 高亮定位）；Diff 视图标出新增/删除/修改；支持复制差异摘要。 3) 一键输出 HTML（硬约束）：提供“导出HTML对比报告”按钮，生成单文件 HTML 报告（内含本次对比结果与可折叠树），离线打开即可查看。 4) 交付物：完整项目代码、文件树、运行/构建/静态导出命令、部署说明。 5) 测试/QA（至少5条）：非法 JSON 提示、深层嵌套性能、路径搜索准确性、Diff 正确性、导出HTML离线一致性。 输出：文件树 -> 关键实现 -> 命令与部署 -> QA checklist。
中文释义：把“排查 JSON 差异”变成可离线分享的 HTML 报告，方便评审与留档。
适合把排障日志发给他人：分级高亮、时间范围过滤、关键词定位，并一键导出审阅包。
中文 Prompt:
请你用中文生成一个可运行的“日志高亮与时间线查看器”在线工具完整项目。要求： 1) 技术栈：Vite + Svelte + Type （纯前端）。 2) 功能：导入大体积日志（例如 50MB）；支持虚拟滚动；按关键词过滤；根据正则规则识别 ERROR/WARN/INFO 并高亮；尝试解析时间戳并提供时间范围筛选；支持一键生成“问题片段摘要”。 3) 一键输出 HTML（硬约束）：提供“导出HTML审阅包”功能，生成一个最小离线包（zip，至少包含 index.html 与必要资源）或单文件 HTML（任选一种，但必须一键完成），离线打开能继续搜索/筛选。 4) 交付物：完整源码、文件树、运行/构建/部署说明。 5) 测试/QA（至少5条）：大文件性能、正则高亮正确性、时间解析容错、导出离线可用、摘要内容正确。 输出：文件树 -> 关键代码 -> 命令/部署 -> QA checklist。
中文释义：把“看日志”做成可交付的离线网页审阅包，便于协作排障与复盘留档。
适合把一组代码片段做成可离线浏览的审阅包：目录树、文件对比、标注与评论导出。
中文 Prompt:
请用中文输出一个可运行的“多文件代码片段对照预览器”在线工具完整项目。要求： 1) 技术栈：Vite + React + Type 。 2) 功能：导入一个 zip（包含多文件）或拖拽多个文件；显示文件树；代码语法高亮；支持左右对照 Diff（基于两份文件或同文件两版本）；支持对某行添加标注/评论；可导出评论为 JSON。 3) 一键输出 HTML（硬约束）：提供“导出HTML审阅包”按钮，生成可离线打开的交付包（至少 index.html），打开后仍可浏览文件树、查看高亮与标注（评论数据需内置）。 4) 交付物：完整源码、文件树、运行/构建/部署说明。 5) 测试/QA（至少5条）：多文件导入、zip 解析、Diff 正确性、标注保存与导出、离线包可用性。 按：文件树 -> 关键代码 -> 命令/部署 -> QA checklist 输出。
中文释义：把代码审阅与留痕变成可离线交付的 HTML 包，适合外部评审或客户交付。
适合把一段网页内容整理成离线可读文档：提取正文、去噪、生成目录并导出单文件 HTML。
中文 Prompt:
请你用中文生成一个可运行的“网页快照与阅读模式整理器”在线工具完整项目。要求： 1) 技术栈：纯前端（不需要服务器），可以用 Vite + 原生 Type 。 2) 功能：输入 URL（说明：如果受跨域限制，则提供“粘贴网页 HTML 源码/阅读模式文本”的替代导入方式）；将内容转为阅读模式（去除多余导航/广告样式）；支持标题与小标题自动生成目录；支持高亮/批注。 3) 一键输出 HTML（硬约束）：提供“导出单文件HTML归档”按钮，把整理后的内容与批注一起导出为一个 HTML 文件（可离线打开）。 4) 交付物：完整源码、文件树、运行/构建/部署说明。 5) 测试/QA（至少5条）：导入方式兼容、目录生成、批注保存、导出HTML离线一致性、异常输入提示。 输出：文件树 -> 关键代码 -> 命令/部署 -> QA checklist。
中文释义：把网页内容整理成可离线交付的阅读文档，强调导出单文件 HTML 便于保存与分享。
适合把一组资料做成“可离线搜索”的合订本：统一导入、全文检索、目录索引与导出。
中文 Prompt:
请用中文输出一个可运行的“多格式文本统一预览与搜索”在线工具完整项目。要求： 1) 技术栈：Vite + React + Type 。 2) 功能：支持一次导入多个文件（TXT/MD/JSON/CSV）；每个文件生成条目；提供全文索引与搜索结果高亮；支持按文件类型过滤；支持把搜索结果导出为摘要。 3) 一键输出 HTML（硬约束）：提供“导出HTML合订本”按钮，将全部导入文件与索引一键导出为离线包（包含 index.html，打开后依旧可搜索与切换文件）。 4) 交付物：完整源码、文件树、运行/构建/部署说明。 5) 测试/QA（至少5条）：多文件导入、索引正确性、搜索高亮、导出离线可用、性能与内存边界提示。 输出：文件树 -> 关键代码 -> 命令/部署 -> QA checklist。
中文释义：把零散资料打包成可离线搜索的网页合订本，用于交付、归档与团队共享。
适合把 CSV/JSON 生成交互图表预览：折线/柱状/饼图等，导出离线 HTML 报表。
中文 Prompt:
请你用中文输出一个可运行的“本地数据可视化预览器”在线工具完整项目。要求： 1) 技术栈：Vite + Vue3 + Type + ECharts（或同类前端图表库）。 2) 功能：导入 CSV/JSON；选择字段映射（X轴/Y轴/分组）；生成折线/柱状/散点等图；支持保存图表配置；支持生成简短数据摘要。 3) 一键输出 HTML（硬约束）：提供“导出HTML交互报表”按钮，生成单文件 HTML 或最小离线包（含 index.html），打开后图表仍可交互（缩放/悬浮提示），且数据内置。 4) 交付物：完整源码、文件树、运行/构建/部署说明。 5) 测试/QA（至少5条）：导入容错、字段映射正确、图表交互、配置保存与恢复、导出离线一致性。 输出：文件树 -> 关键代码 -> 命令/部署 -> QA checklist。
中文释义：把数据文件变成可离线交付的交互式 HTML 报表，适合周报、验收与客户沟通。
