格式转换 JSON/YAML/TOML 在线互转校验台 AI 提示词 (Prompts)

JSON/YAML/TOML 互转 + 校验 + Diff 工作台

把三种常用配置格式在线互转、格式化与校验,并能对两份内容做差异对比,适合接口调试与配置审查。

提示词 (Prompts):

请你用中文生成一个“JSON/YAML/TOML 在线互转校验台”的完整可运行项目。要求: - 技术栈:Vite + React + Type (前端),不依赖后端;允许使用轻量库(如 yaml 解析、diff 计算),但必须给出 package.json 与锁定方式。 - 功能:  1) 左侧编辑器输入(支持 JSON/YAML/TOML 自动识别或手动选择);  2) 一键转换为目标格式(JSON/YAML/TOML),并支持漂亮格式化(缩进、排序可选);  3) 语法校验与错误定位(高亮/行列提示);  4) 双栏 Diff:对比“转换前/转换后”或“两个输入”,支持忽略空白与排序;  5) 一键生成可直接打开的 HTML 报告(单文件),报告包含:输入摘要、校验结果、Diff 视图(用纯 HTML/CSS 渲染,不生成图片),并自动下载。 - 交付物必须包含:  - 项目文件树;  - 全部源码;  - 本地运行命令(npm/pnpm 二选一,写清安装与启动);  - 生产构建命令;  - Dockerfile + docker compose(可选其一,但至少提供一种容器化部署方式);  - 至少 5 条测试用例或 QA checklist(覆盖:非法输入、边界大小、字符编码、diff 逻辑、导出 HTML)。 - 新增硬约束:你的回答必须直接给出可用的 HTML 代码作为交付物的一部分。请在回答中完整输出一个可直接打开的 index.html(用于“纯静态单文件模式”的最小版本),该 index.html 也要支持:输入、互转、校验、以及一键导出 HTML 报告。

主要用途: 配置文件互转、格式校验、提交前差异审查、生成可交付的单文件 HTML 报告。

Markdown 转 HTML 单页预览与打包器

把 Markdown 在线转换成可直接发布的单页 HTML,并支持目录、代码高亮与一键生成离线可打开的交付页。

提示词 (Prompts):

请用中文生成一个“Markdown 转 HTML 单页预览与打包器”的完整项目源码。要求: - 技术栈:纯前端(Vanilla JS 或 Vue/React 均可,但要给出可运行脚手架与构建命令)。 - 功能:  1) 左侧输入 Markdown,右侧实时预览 HTML;  2) 支持目录(基于 h1-h4 自动生成)、代码块高亮、表格与脚注;  3) 主题切换(浅色/深色);  4) 一键生成“可直接打开的单文件 HTML”(把渲染后的内容与所需 CSS/JS 内联打包),并下载为 report.html;  5) 支持把图片链接做本地占位提示(不抓取网络图片,避免外链依赖)。 - 交付物:文件树、全部源码、安装/运行/构建命令、部署到静态站点的说明(如 Nginx/任意 CDN)。 - 测试/QA:至少 5 条,覆盖:空输入、超长文档、特殊字符、代码块、导出单文件 HTML 的可用性。 - 新增硬约束:回答中必须直接给出一个可用的 index.html 完整源码(单文件最小版本),打开即可用,并支持“导出单文件 HTML”。

主要用途: 文档交付、周报/说明书快速发布、把 Markdown 变成离线可打开的 HTML 页面。

CSV/TSV 转 JSON 与字段映射器

把表格数据在线转换为 JSON,并提供字段重命名、类型推断与导出交付页,适合数据对接与接口联调。

提示词 (Prompts):

请用中文生成一个“CSV/TSV 转 JSON 与字段映射器”的在线工具完整项目。要求: - 技术栈:前端单页应用(推荐 React + TS 或 Svelte),允许使用 CSV 解析库。 - 功能:  1) 粘贴或上传 CSV/TSV(上传仅在浏览器本地读取);  2) 预览表格(分页/搜索),并自动推断字段类型(string/number/bool/date);  3) 字段映射:重命名、删除、默认值、枚举映射;  4) 输出 JSON(array/  两种模式)并可复制;  5) 一键生成单文件 HTML 报告:包含字段字典、样例数据、转换后的 JSON 片段与下载按钮。 - 交付物:文件树、源码、运行/构建命令、部署说明、至少 5 条 QA checklist。 - 新增硬约束:回答中必须直接输出一个可运行的 index.html(单文件版),支持 CSV 粘贴解析、字段映射与导出 HTML 报告。

主要用途: 表格数据对接、接口请求体准备、字段字典沉淀与可交付的 HTML 报告。

可扩展标记语言 与 JSON 互转与结构对齐器

在浏览器里把   与 JSON 相互转换,并提供结构对齐、节点路径定位与差异提示,适合老系统数据迁移。

提示词 (Prompts):

请用中文生成一个“  与 JSON 互转与结构对齐器”的在线工具项目。要求: - 技术栈:纯前端(推荐 Type ),不得依赖任何后端 API。 - 功能:  1)   -> JSON 与 JSON ->  (可配置属性/文本节点映射规则);  2) 结构对齐视图:显示树形路径(例如 /root/items/item[0]/name),支持点击定位到原文片段;  3) 校验:  解析错误提示;JSON 解析错误提示;  4) 一键生成单文件 HTML 报告:包含映射规则、转换结果摘要、结构树与关键节点路径清单。 - 交付物:文件树、源码、运行命令、构建与部署说明、至少 5 条测试/QA。 - 新增硬约束:回答中必须完整给出一个可直接打开的 index.html(单文件版),实现基础互转与导出 HTML 报告。

主要用途: 系统间数据互通、旧格式迁移、结构映射规则沉淀与交付。

URL 编码/解码 与  64/Unicode 转换盒

把常见的编码转换集中到一个页面,支持批量处理与结果对比,并生成一页式交付报告。

提示词 (Prompts):

请用中文生成一个“编码转换盒(URL/B64/Unicode/Hex)”在线工具项目。要求: - 技术栈:纯前端(无后端),页面使用现代布局(响应式)。 - 功能:  1) URL encode/decode(支持 UTF-8);  2)  B64 编码/解码(支持文本与文件(浏览器本地)两种模式);  3) Unicode 转义/反转义(\uXXXX);  4) Hex  文本(可选);  5) 批处理:一次输入多行,每行独立转换,支持错误行标注;  6) 一键生成可直接打开的 HTML 报告(单文件),报告列出每行输入/输出与错误信息。 - 交付物:文件树、源码、运行/构建/部署说明、至少 5 条 QA checklist。 - 新增硬约束:回答中必须直接输出一个可用的 index.html 完整源码(单文件版),实现至少 URL 与  64 转换 + 导出 HTML 报告。

主要用途: 接口调试、日志排查、数据编码处理与可交付结果清单。

JSON Path 提取与结果导出器

从大 JSON 中按路径批量提取字段,生成可交付的 HTML 结果页,适合数据抽取与对账。

提示词 (Prompts):

请用中文生成一个“JSONPath 批量提取与结果导出器”的在线工具项目。要求: - 技术栈:前端单页(推荐 React + TS),可使用 JSONPath 库。 - 功能:  1) 粘贴 JSON;  2) 输入多条 JSONPath 规则(每行一条),显示每条规则匹配数量与样例;  3) 支持把提取结果导出为 JSON/CSV;  4) 一键生成单文件 HTML 报告:包含规则列表、每条规则的结果表格、以及摘要统计。 - 交付物:文件树、源码、运行命令、构建/部署说明、至少 5 条测试/QA(覆盖:非法 JSON、空匹配、大 JSON、导出、报告生成)。 - 新增硬约束:回答中必须给出一个可直接打开的 index.html(单文件最小版),实现 JSONPath 基础提取与导出 HTML 报告。

主要用途: 数据抽取、字段核对、接口返回检查与交付报告。

时区与时间戳 批量转换器

批量把时间戳、ISO 字符串与本地时间互转,支持多时区对照与导出一页式 HTML 对账表。

提示词 (Prompts):

请用中文生成一个“时区与时间戳批量转换器”的在线工具项目。要求: - 技术栈:纯前端(Type ),允许使用 date-fns 或 dayjs。 - 功能:  1) 输入多行时间值(秒/毫秒时间戳、ISO 8601、常见日期格式),自动识别;  2) 选择多个目标时区并并排展示;  3) 错误行提示与修复建议;  4) 一键生成单文件 HTML 报告:包含原始输入、识别类型、各时区转换结果与导出时间。 - 交付物:文件树、源码、运行/构建/部署说明、至少 5 条 QA checklist。 - 新增硬约束:回答中必须直接输出一个可运行的 index.html(单文件版),实现批量转换与导出 HTML 报告。

主要用途: 日志对时、跨时区协作、数据对账与结果交付。

HTML/CSS/JS 格式化与压缩转换器

把前端代码在线格式化或压缩,提供大小对比与可交付的单文件 HTML 报告,适合发布前优化与评审。

提示词 (Prompts):

请用中文生成一个“HTML/CSS/JS 格式化与压缩转换器”的在线工具完整项目。要求: - 技术栈:前端单页(React/Vue/Vanilla 任一),可使用 Prettier/terser 等库,但要说明体积与性能策略。 - 功能:  1) 粘贴 HTML/CSS/JS,选择语言;  2) 一键格式化(可配置缩进、换行);  3) 一键压缩(minify)并给出压缩前后字节数对比;  4) 一键生成单文件 HTML 报告:包含参数、前后片段对比、大小统计与注意事项。 - 交付物:文件树、源码、运行/构建命令、部署说明、至少 5 条测试/QA。 - 新增硬约束:回答中必须完整输出一个可直接打开的 index.html(单文件最小版),支持至少一种语言的格式化 + 导出 HTML 报告。

主要用途: 代码清理、体积优化、发布前审查与交付对比结果。

用户评论 (0)

登录后参与讨论

立即登录 注册账号

暂无评论,快来抢沙发吧~

操作成功