下面是“PDF工具”方向的在线工具生成型提示词示例。每条 Prompt 都要求直接生成可用的 HTML 源码作为交付物(至少包含完整的 index.html),并提供文件树、运行方式与 QA 清单,便于离线预览、打印与交付。
发票报销审批页生成器(表单 -> 预览 -> 打印)
录入发票与报销条目,生成一页式审批页 HTML,适合打印签字或归档。
中文 Prompt:
你是资深全栈工程师与产品设计师。请生成一个“离线可用”的小工具交付包。
硬约束:你的回答必须直接给出可用的 HTML 代码(必须包含完整的 index.html 内容;代码用三反引号包裹并标注 html)。不要描述“导出/一键导出 HTML”的功能,而是直接生成 HTML 源码作为交付物。
输出结构必须包含:
1) 文件树(至少 index.html;如需可加 assets/style.css 与 assets/app.js,但不要依赖 CDN);
2) 每个文件的完整源码;
3) 使用说明(离线双击打开 + 可选本地静态服务器);
4) 至少 10 条 QA/测试清单(含边界情况与错误提示)。
通用要求:响应式布局;@media print 打印样式;无外部依赖;数据保存在 localStorage;提供“重置/导入/导出 JSON”能力。
业务功能:
- 表单区:报销人/部门/日期/报销事由;条目表格(类型、金额、税率、发票号、开票方、备注);附件清单;审批流(节点、审批人、意见、时间)。
- 预览区:一页式审批页,自动生成摘要(合计、税额、条目数),自动校验(金额为数字、必填项、税率范围)。
- 交互:可切换“编辑/预览”;支持导入/导出 JSON;支持生成一个 12 位流水号;打印时隐藏按钮,仅保留内容。
- UI:顶部标题栏 + 信息栅格 + 条目表格 + 附件卡片 + 审批流时间线。
- 额外:提供“敏感信息遮挡模式”(打印前可一键隐藏手机号/身份证后四位)。
中文释义:
用于把零散的发票/条目/审批信息汇总成规范页面,交付物就是可离线打开的 HTML 文件,便于直接预览、打印和存档。
PDF 批注摘录页(批注清单 -> 归档页)
把对 PDF 的批注/问题点整理成可追踪的 HTML 页面,便于复核。
中文 Prompt:
你是资深全栈工程师与产品设计师。请生成一个“离线可用”的小工具交付包。
硬约束:你的回答必须直接给出可用的 HTML 代码(必须包含完整的 index.html 内容;代码用三反引号包裹并标注 html)。不要描述“导出/一键导出 HTML”的功能,而是直接生成 HTML 源码作为交付物。
输出结构必须包含:
1) 文件树(至少 index.html;如需可加 assets/style.css 与 assets/app.js,但不要依赖 CDN);
2) 每个文件的完整源码;
3) 使用说明(离线双击打开 + 可选本地静态服务器);
4) 至少 10 条 QA/测试清单(含边界情况与错误提示)。
通用要求:响应式布局;@media print 打印样式;无外部依赖;数据保存在 localStorage;提供“重置/导入/导出 JSON”能力。
业务功能:
- 输入区:粘贴批注清单(每行:页码|位置|批注内容|责任人|截止日期|状态)。
- 解析与校验:页码必须为整数;日期格式校验;状态枚举(未处理/处理中/已解决/忽略)。
- 展示:生成可筛选表格(按责任人/状态过滤),并有“风险摘要”模块(未解决数量、最晚截止)。
- 打印:打印版自动分页,并在页脚显示生成时间与版本号。
中文释义:
适合审阅合同/报告时,把问题点沉淀为可交付的复核页面,不依赖任何在线服务。
收款确认与对账单页(条目 -> 对账页)
输入收款记录,生成可打印的对账单 HTML,适合客户确认与归档。
中文 Prompt:
你是资深全栈工程师与产品设计师。请生成一个“离线可用”的小工具交付包。
硬约束:你的回答必须直接给出可用的 HTML 代码(必须包含完整的 index.html 内容;代码用三反引号包裹并标注 html)。不要描述“导出/一键导出 HTML”的功能,而是直接生成 HTML 源码作为交付物。
输出结构必须包含:
1) 文件树(至少 index.html;如需可加 assets/style.css 与 assets/app.js,但不要依赖 CDN);
2) 每个文件的完整源码;
3) 使用说明(离线双击打开 + 可选本地静态服务器);
4) 至少 10 条 QA/测试清单(含边界情况与错误提示)。
通用要求:响应式布局;@media print 打印样式;无外部依赖;数据保存在 localStorage;提供“重置/导入/导出 JSON”能力。
业务功能:
- 录入:付款方、收款账户、交易日期、金额、备注;支持多条记录与自动合计。
- 校验:金额两位小数;日期范围;重复记录提示。
- 输出:对账单头部信息 + 明细表格 + 合计 + 签字区;支持导出 JSON 与重置。
中文释义:
把对账信息做成标准化页面,交付一份离线可开的 HTML,便于打印签字。