PDF 表单字段探测与可视化标注工具
用于在浏览器中上传 PDF AcroForm,自动列出字段、类型、默认值,并在页面上高亮对应位置,方便快速定位与检查。
提示词 (Prompts):
你是资深全栈工程师与交付负责人。请用中文输出一个“可运行/可构建/可部署”的在线工具完整项目,工具主题:PDF 表单字段探测与可视化标注。
硬性要求:
- 交付物必须包含:完整文件树 + 每个文件的完整源码 + 运行命令 + 构建命令 + 部署说明(含本地与生产)+ 至少 5 项测试用例或 QA checklist。
- 必须支持“一键输出 HTML 交付物”:提供一个命令(例如 npm run export),一键生成单个可直接打开的 HTML 文件(或生成包含 index.html 的最小可运行包,且用户双击即可打开预览)。生成后的 HTML 中要内置必要的 JS/CSS(允许内联),无需额外服务器即可打开查看。
- 仅做 PDF 处理/预览/转换/表单填充,不要引导生成任何图片/海报/插画/渲染图。
功能范围:
- 前端页面:拖拽上传 PDF(不上传到服务器,纯前端处理);显示 PDF 预览(基于 pdf.js)。
- 自动解析 AcroForm 字段:字段名、类型(文本/勾选/下拉)、是否必填、默认值、可能的校验规则。
- 在预览上叠加可点击的字段框:点击字段时在右侧面板定位该字段并高亮。
- 支持导出字段清单为 JSON(下载)。
- 错误提示:如果 PDF 没有表单字段,给出清晰提示与排查建议。
技术约束:
- 技术栈建议:Vite + React(或纯原生也可),pdf.js 用于渲染,pdf-lib 用于读取/写入表单(如可行)。
- 代码结构要清晰,提供类型定义与必要的注释。
测试与质量:
- 至少提供 5 项可执行测试或 QA checklist,覆盖:无表单字段、字段很多、不同类型字段、中文字段名、导出 HTML 交付物可离线打开。
输出格式:
- 先给文件树,再逐文件给源码,再给命令与部署说明,再给测试用例/QA 清单。全部中文说明。
主要用途: 快速盘点表单字段、定位字段位置、做交付前的表单质量检查。
PDF 表单字段映射与批量填充工作台
用于把一份“数据表(CSV/JSON)”映射到 PDF 表单字段,批量生成多份填好的 PDF,并提供失败记录与重试。
提示词 (Prompts):
你是资深全栈工程师。请用中文生成一个可交付的在线工具项目:PDF 表单字段映射与批量填充工作台。
必须交付:
- 完整文件树 + 全量源码 + 运行/构建/部署命令 + 至少 5 项测试用例或 QA checklist。
- 必须包含“一键输出 HTML 交付物”的实现:提供一个命令一键生成单文件 HTML(离线可打开),该 HTML 用于演示工具界面与填充结果概览(可用内置示例 PDF/示例数据)。
核心功能:
- 上传 PDF 表单模板;解析字段列表。
- 上传 CSV 或粘贴 JSON 数据;提供字段映射 UI(左侧数据列/键,右侧 PDF 字段名),支持自动匹配(同名/模糊匹配)与手动调整。
- 批量生成:为每一行数据生成一份填充后的 PDF,可打包下载(zip)。
- 校验与报错:必填字段缺失、类型不匹配、超长文本截断策略(例如自动换行/缩小字体/提示失败)。
- 隐私:本地浏览器处理,不向服务器上传原始 PDF 与数据。
技术建议:
- 前端主导(React/Vue/原生均可),使用 pdf.js 预览,用 pdf-lib 进行表单填充与保存。
- 需要 zip 打包可使用纯前端库。
测试/QA 至少覆盖:
- CSV 含中文列名;
- 100 行数据批量生成;
- 缺失必填字段;
- 导出 zip 完整性;
- export 生成的 HTML 可离线打开并可演示完整流程。
主要用途: 批量出合同/报名表/证明材料等,减少手工逐份填写带来的错漏与耗时。
PDF 表单扁平化与防编辑交付器
把填好的表单“扁平化”为不可编辑的内容层,适合对外发送与归档,避免字段被误改。
提示词 (Prompts):
请用中文输出一个在线工具完整项目:PDF 表单扁平化与防编辑交付器。
交付要求:
- 输出完整文件树、全量源码、运行/构建/部署命令、至少 5 项测试或 QA checklist。
- 必须实现“一键输出 HTML 交付物”:一条命令生成单文件 HTML(离线可打开),可演示上传 PDF、填充示例、扁平化后下载的流程。
功能清单:
- 上传 PDF(含表单)并预览。
- 填写/导入少量字段值(支持手动与导入 JSON)。
- 一键扁平化:将字段内容写入页面内容层并移除/锁定表单字段;导出新的 PDF。
- 输出“扁平化报告”:包含处理时间、字段数量、是否仍存在可编辑字段的自检结果。
限制:
- 不涉及任何图片生成;仅 PDF 处理。
技术建议:
- pdf.js 预览 + pdf-lib 写入;若 pdf-lib 对扁平化支持不足,请给出可行的前端实现方案,并在文档中解释取舍。
测试/QA:
- 扁平化后字段不可编辑;
- 扁平化前后页数一致;
- 中文内容显示不乱码;
- 导出文件可在常见阅读器打开;
- export 的 HTML 离线演示可跑通。
主要用途: 对外发送不可编辑的 PDF 交付版本,同时保留处理记录便于审计。
PDF 表单字段校验规则与错误定位助手
对表单字段进行规则校验(必填、格式、长度),并把错误定位到 PDF 预览位置,提升填报质量。
提示词 (Prompts):
用中文生成一个可部署的在线工具项目:PDF 表单字段校验规则与错误定位助手。
硬性输出:
- 完整文件树 + 全量源码 + 运行/构建/部署命令 + 至少 5 项测试用例或 QA checklist。
- 提供“一键输出 HTML 交付物”:命令生成单文件 HTML,离线可打开,包含内置示例 PDF 与示例校验规则,能演示错误定位与修正。
核心功能:
- 上传 PDF 表单并解析字段。
- 规则编辑器:支持为字段配置规则(必填、手机号/邮箱、正则、最小/最大长度、数值范围、日期格式),规则可导入/导出 JSON。
- 校验执行:一键校验当前填写值,输出错误列表;点击错误项,PDF 预览滚动并高亮对应字段区域。
- 生成“校验结果报告”:可下载为 JSON 或 Markdown。
技术与限制:
- 仅 PDF 表单处理,不生成图片。
测试/QA:
- 多规则叠加;
- 中文字段名;
- 正则错误提示友好;
- 高亮定位准确;
- export 单文件 HTML 离线演示可用。
主要用途: 表单提交前自检、减少回退重填、提升业务录入准确率。
PDF 表单模板对比与字段变更审计工具
对比两份 PDF 表单模板的字段差异(新增/删除/重命名/位置变化),输出可追溯的变更报告。
提示词 (Prompts):
请用中文生成一个在线工具完整项目:PDF 表单模板对比与字段变更审计工具。
必须包含:
- 完整文件树、全量源码、运行/构建/部署命令、至少 5 项测试用例或 QA checklist。
- 必须实现“一键输出 HTML 交付物”:一条命令生成单文件 HTML,离线可打开,包含示例模板 A/B 与示例差异报告展示。
功能:
- 上传两份 PDF 表单模板(A/B)。
- 解析字段清单与字段矩形位置;对比输出:新增、删除、字段名变化、类型变化、位置变化(阈值可配置)。
- 提供可视化:左右并排预览 + 差异高亮。
- 导出报告:JSON + 可读的 HTML/Markdown 报告。
限制:
- 不要任何图片生成内容。
技术建议:
- 前端渲染预览用 pdf.js;差异计算用纯 JS。
测试/QA:
- 字段名仅大小写变化;
- 字段位置轻微偏移;
- 字段类型变化;
- 报告导出正确;
- export 单文件 HTML 离线打开可复现示例。
主要用途: 表单模板迭代时做字段兼容性审计,避免批量填充脚本因字段变更而失效。
PDF 表单填充结果预览与签字区检查器
批量填充后,提供分页预览与抽样检查流程,重点检查签字区、日期区等关键字段是否漏填或越界。
提示词 (Prompts):
用中文输出一个在线工具项目:PDF 表单填充结果预览与签字区检查器。
交付要求:
- 完整文件树 + 全量源码 + 运行/构建/部署命令 + 至少 5 项测试用例或 QA checklist。
- 必须提供“一键输出 HTML 交付物”:命令生成单文件 HTML(离线可打开),内置若干示例填充结果 PDF,能演示抽样检查与问题标记。
功能:
- 导入一组已填充 PDF(多文件)或导入一个 zip;生成缩略图列表。
- 抽样策略:按比例/按关键字段(如签字区)优先抽样。
- 检查清单:每份 PDF 可勾选“通过/需重填/需人工复核”,并记录备注。
- 问题定位:点击问题项跳转到对应页并高亮关键字段区域(基于已知字段框或预设区域)。
- 导出检查结果:CSV/JSON。
限制:
- 不生成图片,只做预览与检查。
测试/QA:
- 多文件导入与性能;
- 抽样策略正确;
- 高亮定位可见;
- 导出检查结果可复用;
- export 单文件 HTML 离线演示可跑通。
主要用途: 批量出件后快速抽检,减少因漏填/错填导致的返工与投诉。
PDF 表单数据回收与结构化导出工具
从已填的 PDF 表单中提取字段值,导出为结构化 JSON/CSV,用于归档、对账或回流到业务系统。
提示词 (Prompts):
请用中文生成一个可部署的在线工具项目:PDF 表单数据回收与结构化导出工具。
必须交付:
- 完整文件树 + 全量源码 + 运行/构建/部署命令 + 至少 5 项测试用例或 QA checklist。
- 必须实现“一键输出 HTML 交付物”:命令生成单文件 HTML(离线可打开),包含内置示例 PDF 与导出示例。
功能:
- 批量导入 PDF 表单文件,解析字段值。
- 字段归一化:支持字段名映射、空值处理、布尔/枚举标准化。
- 导出:CSV 与 JSON;支持选择字段子集与字段排序。
- 隐私:本地处理,不上传。
限制:
- 不要任何图片生成指令。
测试/QA:
- 多文件导入;
- 字段名不一致的映射;
- 导出 CSV 的编码与分隔符;
- 空值/缺失值处理;
- export 的 HTML 离线演示可用。
主要用途: 从 PDF 表单回收数据并结构化,便于汇总统计与系统回流。
PDF 表单模板示例生成与快速上手演示页
用于生成一个可学习的“示例表单模板 + 在线演示页”,帮助团队快速理解字段命名规范与填充流程。
提示词 (Prompts):
你是交付型全栈工程师。请用中文输出一个在线工具项目:PDF 表单模板示例生成与快速上手演示页。
必须满足:
- 完整文件树 + 全量源码 + 运行/构建/部署命令 + 至少 5 项测试用例或 QA checklist。
- 必须提供“一键输出 HTML 交付物”:一条命令生成单文件 HTML(离线可打开),该 HTML 需要包含:示例表单模板的生成逻辑说明、在线演示界面、以及一键下载示例 PDF 模板与示例填充结果。
功能:
- 纯前端生成一个简单的示例 PDF 表单模板(字段命名遵循规范,如 name、id_no、date 等),并允许下载。
- 提供在线演示:加载示例模板,填写表单并导出填充后的 PDF。
- 文档区:解释字段命名规范、常见坑(中文字段名、重复字段名、同名多页字段)。
限制:
- 不生成任何图片海报/插画;仅 PDF 表单相关。
测试/QA:
- 示例模板可生成并可被工具自身解析;
- 填充后导出可打开;
- 字段命名规范说明清晰;
- 离线单文件 HTML 可打开并可完成演示;
- 无网络环境下也能跑通示例流程。
主要用途: 团队培训与规范落地,用可运行示例减少沟通成本。