Markdown 转 HTML:支持主题、目录与一键导出单文件
把 Markdown 文档转换为可离线打开的 HTML,支持目录、代码高亮与主题切换,并可一键导出单个 HTML 文件交付。
中文 Prompt:
你是资深前端工程师。请用中文输出一个可运行的在线工具项目:
工具名称:Markdown 转 HTML(可离线交付)
核心需求:用户在页面左侧粘贴/上传 Markdown,右侧实时预览 HTML;支持目录(TOC)、代码高亮、暗色/亮色主题切换、复制生成的 HTML。
硬约束:必须提供“一键输出 HTML”功能:点击按钮后生成单个可直接打开的 HTML 文件(内联必要 CSS/JS),并自动下载。
技术栈要求:使用 Vite + React + Type (或 Vite + Vue3 + TS 二选一),不依赖后端。
输出物要求:
1)给出完整文件树(包含 package.json、src、public 等)。
2)给出所有关键源码文件的完整内容(可直接复制粘贴运行)。
3)给出运行命令、构建命令、以及部署到静态托管(如 Nginx/Netlify/Vercel/OSS)的说明。
4)给出至少 8 条测试用例/QA checklist(包含:粘贴大文本、包含表格/代码块、中文标题目录、主题切换、导出后离线打开校验等)。
5)明确说明导出的单文件 HTML 如何保证离线可用(例如把 CSS/JS 内联或打包到同一文件)。
界面要求:简单清晰,支持拖拽上传 .md;提供示例 Markdown 一键填充。
注意:请不要生成任何图片/插画/海报;本工具仅做格式转换与预览。
中文释义:
该 Prompt 用于生成一个纯前端 Markdown 转 HTML 的在线工具,强调实时预览与离线交付:通过一键导出把渲染结果打成可直接打开的单文件 HTML,适合交付文档、分享说明书与留档。
CSV 转 JSON:字段类型推断与一键导出 HTML 报告页
把 CSV 数据转换为结构化 JSON,支持分隔符识别、字段类型推断与错误行提示,并能导出带结果预览的离线 HTML 报告。
中文 Prompt:
请用中文生成一个可部署的在线工具:CSV 转 JSON(带校验与离线报告)。
功能:粘贴/上传 CSV;自动识别分隔符(逗号/制表符/分号);第一行可选是否为表头;输出 JSON 数组;支持字段类型推断(数字/布尔/日期/字符串),并允许用户在 UI 中手动覆盖类型;对空值/非法日期做提示。
硬约束:提供“一键输出 HTML”按钮:导出一个离线 HTML 文件,包含:原始 CSV 摘要、转换后的 JSON(可折叠查看)、类型映射表、错误行列表与统计信息。导出的 HTML 必须无需联网即可打开查看。
技术栈:Vite + Vue3 + Type (或 React + TS),纯前端。
交付物:完整项目文件树 + 全量源码 + 本地运行/构建/部署命令 + 至少 10 条 QA checklist(包括:超大 CSV、不同编码、含引号与换行、空列、重复表头等)。
请额外提供:示例 CSV 数据按钮、复制 JSON 按钮、下载 JSON 文件按钮。
中文释义:
该 Prompt 让 AI 产出一个“数据格式转换 + 可审计交付”的工具:不仅能把 CSV 转为 JSON,还能导出离线 HTML 报告用于审阅与交付,适合数据清洗、接口对接前的格式准备。
JSON 转 YAML / YAML 转 JSON:语法高亮与一键导出单文件 HTML
在 JSON 与 YAML 之间互转,支持语法高亮、格式化与错误定位,并可一键导出包含输入输出的离线 HTML 单页。
中文 Prompt:
请用中文生成一个在线工具项目:JSON 与 YAML 互转(可离线导出)。
功能:双栏编辑器(左输入右输出);支持粘贴/上传 .json/.yaml;自动检测输入类型;一键格式化/压缩;错误时定位行列并高亮提示;支持复制/下载输出文件。
硬约束:必须支持“一键输出 HTML”:导出一个单文件 HTML,内含:输入内容、输出内容、时间戳、是否通过校验、错误信息(如有)、以及“再次导入该页继续编辑”的能力(把数据保存到 HTML 内嵌的 /json 中)。
技术栈:纯前端,Vite + React + TS;可使用轻量解析库,但必须说明依赖与许可。
交付物:文件树 + 全量源码 + 运行/构建/部署说明 + 至少 8 条测试用例(包括:大对象、数组、中文键、特殊字符、锚点/引用、无效缩进等)。
中文释义:
该 Prompt 用于生成一个稳定的配置互转工具,并把“导出 HTML”作为交付方式:导出的页面既是结果报告,又能把数据带走,方便离线复盘与再编辑。
转 JSON:命名空间处理与一键导出 HTML 转换说明页
把 数据转换为 JSON,支持命名空间与属性策略配置,并可导出离线 HTML 说明页,记录转换规则与结果样例。
中文 Prompt:
请用中文生成一个可构建部署的在线工具: 转 JSON(可配置规则)。
需求:支持粘贴/上传 ;可选择:属性是否用 @ 前缀、文本节点是否用 #text、命名空间前缀保留策略、数组节点识别策略;展示转换后的 JSON 预览与错误提示。
硬约束:提供“一键输出 HTML”功能:导出离线 HTML,包含:输入 摘要(可折叠)、选用的转换策略表、输出 JSON、以及 5 个示例规则说明(帮助接收方理解)。导出文件无需联网可打开。
技术栈:Vite + Vue3 + TS,纯前端;如使用解析库请说明限制。
交付物:完整文件树 + 全量源码 + 运行/构建/部署命令 + 至少 8 条 QA checklist(包含:大 、CDATA、属性/文本混合、重复节点数组、命名空间、多根节点错误等)。
中文释义:
该 Prompt 让 AI 输出一个“可配置的 转 JSON”工具,并把规则与结果一起打包成离线 HTML 交付,适合对接遗留系统与接口迁移场景。
SRT 转 VTT:字幕格式转换与一键导出 HTML 预览页
将 SRT 字幕转换为 VTT,支持时间轴校验与偏移调整,并导出带视频占位与字幕预览的离线 HTML 页面。
中文 Prompt:
请用中文生成一个在线工具项目:SRT 转 VTT(字幕预览与离线交付)。
功能:粘贴/上传 .srt;自动转换为 .vtt;提供时间轴校验(时间格式、顺序、重叠提示);支持整体偏移(+/- 毫秒)与帧率提示;可下载 VTT。
硬约束:必须支持“一键输出 HTML”:导出单文件 HTML,其中包含:一个本地视频文件选择控件(用户自己选择本地视频)、以及把导出的 VTT 内容内嵌为 Blob,实现在离线 HTML 中加载字幕轨并预览(无需联网)。
技术栈:纯前端,Vite + React + TS。
交付物:文件树 + 全量源码 + 运行/构建/部署说明 + 至少 10 条 QA checklist(包含:不同换行符、序号缺失、重叠字幕、长字幕、多语种字符、偏移后校验等)。
注意:本工具不生成任何图片,只做字幕格式转换与预览。
中文释义:
该 Prompt 生成的工具用于字幕格式互转与离线交付:导出的 HTML 可在无网络环境下加载本地视频并预览字幕效果,适合交付审核与校对。
HTML 表格 转 Markdown:复制友好与一键导出 HTML 结果页
把 HTML 表格转换为 Markdown 表格,支持对齐与转义规则,并导出离线 HTML 结果页,方便分享与复核。
中文 Prompt:
请用中文生成一个在线工具:HTML Table 转 Markdown。
功能:用户粘贴包含
的 HTML;解析出表格;支持:单元格换行处理、对齐(左/中/右)、合并单元格提示、Markdown 转义;输出 Markdown 表格并可复制/下载 .md。
硬约束:提供“一键输出 HTML”按钮:导出离线 HTML,包含:原始 HTML 片段、解析后的二维数组预览、最终 Markdown、以及规则配置项的快照(便于交付审计)。
技术栈:Vite + Vue3 + TS,纯前端。
交付物:完整文件树 + 全量源码 + 运行/构建/部署说明 + 至少 8 条 QA checklist(包含:thead/tbody、合并单元格、嵌套标签、空单元格、中文/特殊字符等)。
中文释义:
该 Prompt 生成一个实用的表格互转工具,并用离线 HTML 报告的形式固化输入、规则与输出,适合文档迁移与知识库整理。
多文件批量转换工作台:拖拽队列与一键导出 index.html 交付包
在浏览器中对多文件进行批量转换(例如 .txt/.md/.csv),支持队列、日志与失败重试,并一键导出包含 index.html 的离线交付包。
中文 Prompt:
请用中文输出一个可运行的在线工具项目:多文件批量格式转换工作台(纯前端)。
支持的转换:
- TXT/Markdown -> HTML(单文件导出)
- CSV -> JSON(下载 json)
- JSON -> CSV(下载 csv)
用户流程:拖拽多个文件到页面 -> 生成队列 -> 选择每个文件的目标格式 -> 执行转换 -> 查看日志与错误 -> 下载结果。
硬约束:必须提供“一键导出 HTML 交付包”:把本次批量转换的结果汇总为一个 zip(或使用浏览器下载多个文件的方案),其中必须包含 index.html,打开即可离线浏览每个文件的转换结果与下载链接(结果内容内嵌或以相对路径引用)。
技术栈:Vite + React + Type ;不得依赖后端。
交付物:完整文件树 + 全量源码 + 运行/构建/部署说明 + 至少 12 条 QA checklist(包含:大文件、不同编码、拖拽中断、同名文件冲突、失败重试、导出包离线验证等)。
注意:不要生成图片相关功能。
中文释义:
该 Prompt 聚焦“批量转换 + 可交付成果”:最终导出的离线包包含 index.html,可作为交付物让接收方离线查看转换结果并按需下载。
正则替换并导出转换记录:规则版本化与一键输出 HTML 变更报告
对文本进行正则替换与清洗,记录每次规则与结果差异,并一键导出离线 HTML 变更报告,便于复盘与交付。
中文 Prompt:
请用中文生成一个在线工具项目:正则替换与文本清洗(带变更报告)。
功能:输入原始文本;配置多条正则规则(支持启用/禁用、顺序拖拽、命名、备注);执行后输出清洗结果;提供差异对比(diff)。
硬约束:必须支持“一键输出 HTML”:导出离线 HTML 报告,包含:原始文本摘要、每条规则的版本快照、每一步中间结果(可折叠)、最终结果、diff 视图、以及执行时间与环境信息。离线打开即可查看。
技术栈:Vite + Vue3 + TS 或 React + TS,纯前端。
交付物:文件树 + 全量源码 + 运行/构建/部署说明 + 至少 10 条 QA checklist(包含:多行模式、Unicode、回溯风险提示、大文本性能、规则顺序影响、导出报告离线校验等)。
中文释义:
该 Prompt 生成一个可审计的文本转换工具:不仅输出结果,还能把规则与每一步的变化固化为离线 HTML 报告,适合数据清洗交付与团队协作复盘。
操作成功