格式转换类在线工具:从接口描述到可交互文档与交付页
下面给出一组“在线工具生成型 AI 提示词(Prompts)”。每条提示词都要求 AI 直接产出可运行的在线工具源码,并且工具内置“一键输出 HTML”能力,便于离线预览、交付与归档。
OpenAPI 文档与示例请求页生成器
把 OpenAPI/Swagger JSON 或 YAML 转成可交互的接口文档页,并可生成示例请求与响应的交付页面。
提示词 (Prompts):
你现在是资深前端工程师与技术写作专家。请为我生成一个“OpenAPI 接口文档与示例请求页生成器”的在线工具,要求:
1) 交付物必须是可直接运行的源码,请直接输出完整 HTML 源码作为交付物(单文件 index.html,打开即可运行,不依赖本地构建)。
2) 工具在浏览器端完成解析:支持粘贴 OpenAPI 3.x 的 JSON 或 YAML(如果是 YAML,请在前端用 CDN 引入解析库)。
3) 页面功能:
- 左侧输入区:粘贴/导入 OpenAPI 文本;支持拖拽文件读取(仅在浏览器内处理)。
- 解析与校验:显示校验错误/缺失字段提示;解析成功后展示接口列表(按 tag 分组,可搜索)。
- 接口详情:展示路径、方法、参数、请求体、响应结构;可折叠;可复制“示例 curl 命令”(命令字符串可包含英文,但说明文字请用中文)。
- 变更对比:允许用户再粘贴一份“旧版”OpenAPI,生成接口变更清单(新增/删除/变更字段)。
4) 一键输出 HTML(硬约束):提供按钮“导出 HTML”,将当前解析后的文档与变更结果渲染为一个新的、可离线打开的单文件 HTML,并自动下载(文件名包含日期)。导出的 HTML 必须自包含(把必要的样式与脚本内联)。
5) 代码质量:不使用任何后端;不上传数据;对输入做大小限制提示;对异常有友好提示。
6) 请在 HTML 内包含:最小文件树(仅 index.html)、如何运行(直接双击打开/本地静态服务器两种方式)、部署说明(放到任意静态托管)、以及至少 8 条 QA checklist(覆盖:解析失败、超大文件、搜索、对比、导出 HTML、无网络情况下导出页可打开、复制 curl、XSS 防护等)。
注意:提示词正文全部用中文书写。
主要用途: 把接口描述快速转换为可交互文档与可交付的离线 HTML,减少联调沟通成本。
JSON/YAML 双向转换与差异对比台
用于把 JSON 与 YAML 互转、格式化、校验,并生成可交付的差异对比报告页。
提示词 (Prompts):
请生成一个纯前端在线工具“JSON/YAML 转换与 Diff 对比台”,并直接输出可用的 HTML 源码(index.html 完整内容)。要求:
1) 支持 JSON 与 YAML 的互相转换、格式化、语法校验、键排序、去注释(对 YAML)与常见错误提示。
2) 支持双栏输入:左侧/右侧分别粘贴两份内容(JSON 或 YAML 均可),工具自动识别并标准化后做差异对比,输出:
- 结构化差异列表(新增/删除/修改)
- 关键路径定位(例如 a.b[0].c)
3) 一键输出 HTML:把“标准化后的两份内容 + 差异列表 + 统计信息(节点数、键数、数组长度等)”导出为单文件 HTML 并下载,离线可打开查看。
4) 交付说明:在页面内写清文件树(仅 index.html)、运行方式、部署方式。
5) 测试/QA:至少给 10 条 QA checklist(覆盖:非法 JSON、非法 YAML、超长文本、空输入、相同内容、仅空白差异、数组顺序差异、导出 HTML 后离线打开、复制差异路径、主题切换)。
所有提示词说明用中文。
主要用途: 配置与数据格式转换、上线前校验、接口返回对比与变更记录归档。
CSV 转 JSON + 字段字典与校验规则生成器
将 CSV 数据转换成 JSON,并自动生成字段字典、类型推断与校验规则,最终导出交付页。
提示词 (Prompts):
请输出一个可直接运行的单文件在线工具(index.html 完整源码):“CSV 转 JSON 与字段字典生成器”。要求:
1) 输入:粘贴 CSV 或拖拽 .csv 文件;支持逗号/制表符分隔;支持带引号字段;可选择是否包含表头。
2) 处理:推断字段类型(数字/布尔/日期/字符串),生成:
- JSON 预览(可复制)
- 字段字典表(字段名、类型、示例、空值比例、唯一值数量)
- 简易校验规则建议(必填、长度范围、枚举候选、日期格式)
3) 一键输出 HTML:把字段字典与转换结果导出为单文件 HTML 并下载,离线可打开。
4) 安全:所有处理只在浏览器端;对公式注入/CSV 注入做提示(例如以 = 开头的值)。
5) 请在页面中给出:文件树、运行与部署说明、至少 8 条 QA checklist(包含:不同分隔符、空行、缺失列、中文表头、超大 CSV、导出 HTML 后查看表格、类型推断准确性、复制 JSON)。
提示词请用中文。
主要用途: 把表格数据快速转换为 JSON 与可交付的字段说明页,用于对接与验收。
转 JSON + XPath 选择器调试器
用于将 数据转换为 JSON,同时提供 XPath 选择器调试与结果导出。
提示词 (Prompts):
请生成一个纯前端在线工具“ 转 JSON 与 XPath 调试器”,并直接输出 index.html 完整源码。要求:
1) 输入区支持粘贴 ;解析失败时给出明确错误位置。
2) 转换区展示:
- JSON 结果(可折叠预览/复制)
- 可配置的转换规则(属性字段前缀、文本节点命名、数组判定)
3) XPath 调试:用户输入 XPath 表达式,实时在 上执行并展示匹配节点列表与文本片段。
4) 一键输出 HTML:将原始 摘要(不要包含全部敏感数据,提供脱敏开关)、转换后的 JSON、XPath 测试结果导出为单文件 HTML 下载。
5) 页面内包含:文件树、运行/部署说明、至少 8 条 QA checklist(覆盖:命名空间、空节点、CDATA、属性数组、错误 XPath、导出 HTML、脱敏开关、复制 JSON)。
提示词必须用中文。
主要用途: 兼容老系统与第三方数据源时,快速把 转成更易用的 JSON,并调试抽取规则。
iCal (.ics) 转日程列表与可分享页面
把 .ics 日历文件转换为可筛选的日程列表,并导出离线可打开的交付页。
提示词 (Prompts):
请输出一个单文件在线工具(index.html 完整 HTML 源码):“iCal(.ics) 解析与日程页生成器”。要求:
1) 输入:粘贴 .ics 文本或拖拽 .ics 文件;解析 VEVENT,支持时区与重复规则(若完整支持复杂重复规则困难,请明确支持范围并给出提示)。
2) 展示:按日期分组的日程列表;支持搜索、按关键词过滤、按时间范围筛选;显示地点/备注/会议链接(纯文本展示,避免注入)。
3) 导出:一键输出 HTML,把筛选后的日程列表导出为离线单文件 HTML 并下载,带打印样式。
4) 交付说明:文件树、运行/部署说明、至少 10 条 QA checklist(含:跨时区、全天事件、重复事件、无结束时间、中文字符、特殊字符转义、导出 HTML、打印样式、过滤条件、超大文件)。
提示词用中文。
主要用途: 将日历数据转为可分享、可打印、可归档的页面,用于项目排期、会议纪要与交付。
SRT/VTT 字幕互转与时间轴修复台
用于字幕格式互转、时间轴偏移/压缩、检测重叠与导出审阅页面。
提示词 (Prompts):
请生成一个纯前端在线工具“字幕 SRT/VTT 互转与时间轴修复台”,并直接输出 index.html 完整源码。要求:
1) 输入:粘贴 SRT 或 VTT;自动识别格式;解析为结构化条目(序号、起止时间、文本)。
2) 修复能力:
- 全局时间偏移(正/负)
- 速度压缩/拉伸(例如 0.98/1.02)
- 检测并提示:重叠区间、空白过长、异常时间格式
3) 输出:支持导出修复后的 SRT 或 VTT(浏览器内下载)。
4) 一键输出 HTML:生成“字幕审阅页”单文件 HTML(含时间轴表格、搜索、标记问题项),离线可打开并下载。
5) 页面内包含:文件树、运行/部署说明、至少 10 条 QA checklist(含:中文/多行字幕、特殊字符、空行、VTT NOTE、偏移后负时间处理、重叠检测、导出字幕、导出 HTML、离线打开、搜索定位)。
提示词用中文。
主要用途: 视频审片与字幕交付时的格式转换、快速修复与问题对照归档。
Nginx/应用日志转结构化表格与过滤报告
将文本日志解析为结构化表格,支持过滤聚合,并导出离线报告页。
提示词 (Prompts):
请输出一个单文件在线工具(index.html 完整源码):“日志解析与结构化过滤报告”。要求:
1) 输入:粘贴日志文本;支持选择预设格式(Nginx access log 常见格式、JSON 行日志、简单 key=value);允许用户自定义正则/字段映射。
2) 解析:将每行解析成字段(时间、方法、路径、状态码、耗时、IP、traceId 等),并显示解析失败行与原因。
3) 过滤与统计:支持按状态码/路径前缀/耗时范围/关键词过滤;展示 Top 路径、Top 状态码、P50/P95 耗时等统计。
4) 一键输出 HTML:把过滤条件、统计卡片、结构化表格导出为离线单文件 HTML 下载。
5) 隐私:提供脱敏开关(IP/手机号/邮箱等),导出页默认脱敏。
6) 页面内包含:文件树、运行/部署说明、至少 10 条 QA checklist(含:大文本性能、解析失败行、不同格式切换、自定义规则、脱敏、导出 HTML、离线打开、统计准确性、复制过滤结果、XSS 防护)。
提示词用中文。
主要用途: 线上问题排查时把日志快速转换成可过滤可统计的交付页,方便协作与留档。
SQL DDL 转数据字典与字段变更对比页
将建表 SQL(DDL)转换为数据字典,并支持版本对比与导出交付页面。
提示词 (Prompts):
请生成一个纯前端在线工具“SQL DDL 转数据字典与变更对比”,并直接输出 index.html 完整源码。要求:
1) 输入:粘贴 MySQL/PostgreSQL 常见建表语句(CREATE TABLE);至少支持字段名、类型、是否可空、默认值、注释、索引。
2) 输出:生成数据字典表(按表分组),并可导出为 JSON。
3) 版本对比:支持粘贴“旧版 DDL”,生成变更清单(新增表/删表/字段新增删除/类型变更/索引变更)。
4) 一键输出 HTML:把数据字典与变更清单导出为离线单文件 HTML 并下载(适合交付与评审)。
5) 页面内包含:文件树、运行/部署说明、至少 10 条 QA checklist(含:多表输入、不同数据库类型、注释解析、索引解析、对比准确性、导出 HTML、离线打开、复制字段路径、非法 SQL 提示、超长输入)。
提示词用中文。
主要用途: 把数据库结构转换成可读的交付文档,并对版本变更做可追溯对比。