下面是一组“在线预览”方向的 AI 提示词示例：每条 Prompt 都要求直接生成可用的 HTML 源码（交付物即 HTML 代码），并附文件树/运行方式/测试清单，便于离线预览与交付。
离线周报生成器（表单 -> 即时预览）
输入本周目标、进展、风险与下周计划，实时生成一页式周报 HTML，支持复制/打印。
中文 Prompt:
你是资深全栈工程师与产品经理。请生成一个“可离线打开”的小型在线工具交付包。
硬约束：请在回答中直接给出可用的 HTML 代码（必须包含完整的 index.html 内容，代码用三反引号包裹并标注 html）。不要说“可一键导出 HTML”，而是直接生成 HTML 源码。
输出必须包含：1) 项目/文件树（至少 index.html，必要时附 assets/ 下的 css/js）；2) 每个文件的完整源码；3) 如何运行/打开（离线双击或本地静态服务器）；4) 至少 8 条 QA/测试清单（含边界情况）。
界面要求：响应式布局、浅色主题、可打印样式（@media print）、无外部依赖（不要依赖 CDN），所有功能在离线环境可用。
功能：左侧表单（多段文本+链接列表+优先级选择），右侧实时预览；支持一键生成目录、自动把 URL 识别成链接；支持导出为“单文件模式”（把当前数据序列化进 index.html 的 < type="application/json">）。
中文释义:
适合把散乱的周工作内容快速沉淀为统一格式的可交付周报页面，离线也能打开预览与打印。
离线阅读清单（收藏夹 -> 卡片墙）
把一堆链接和简短笔记整理成可搜索、可过滤的卡片列表页面。
中文 Prompt:
你是资深全栈工程师与产品经理。请生成一个“可离线打开”的小型在线工具交付包。
硬约束：请在回答中直接给出可用的 HTML 代码（必须包含完整的 index.html 内容，代码用三反引号包裹并标注 html）。不要说“可一键导出 HTML”，而是直接生成 HTML 源码。
输出必须包含：1) 项目/文件树（至少 index.html，必要时附 assets/ 下的 css/js）；2) 每个文件的完整源码；3) 如何运行/打开（离线双击或本地静态服务器）；4) 至少 8 条 QA/测试清单（含边界情况）。
界面要求：响应式布局、浅色主题、可打印样式（@media print）、无外部依赖（不要依赖 CDN），所有功能在离线环境可用。
功能：导入/粘贴多行文本（每行：标题|URL|标签|备注），解析后生成卡片；支持标签筛选、关键词搜索、高亮匹配；支持把数据保存到 localStorage 并可清空。
中文释义:
适合把项目资料、竞品链接、文章收藏整理成离线可用的“资料库”交付页。
会议纪要转行动项（Markdown -> HTML交付页）
粘贴会议纪要（Markdown），自动提取行动项并生成可追踪的 HTML 页面。
中文 Prompt:
你是资深全栈工程师与产品经理。请生成一个“可离线打开”的小型在线工具交付包。
硬约束：请在回答中直接给出可用的 HTML 代码（必须包含完整的 index.html 内容，代码用三反引号包裹并标注 html）。不要说“可一键导出 HTML”，而是直接生成 HTML 源码。
输出必须包含：1) 项目/文件树（至少 index.html，必要时附 assets/ 下的 css/js）；2) 每个文件的完整源码；3) 如何运行/打开（离线双击或本地静态服务器）；4) 至少 8 条 QA/测试清单（含边界情况）。
界面要求：响应式布局、浅色主题、可打印样式（@media print）、无外部依赖（不要依赖 CDN），所有功能在离线环境可用。
功能：输入 Markdown；解析标题层级，提取形如 TODO:/[ ] 的条目；生成“行动项表格（负责人/截止/状态）”；支持勾选状态（localStorage 保存）；生成打印友好版本。
中文释义:
适合把会议纪要快速转成可分发的任务页，交付给团队或甲方。
版本变更说明生成器（条目 -> Release Notes）
输入变更条目，生成结构化的发布说明 HTML（含目录与可复制区块）。
中文 Prompt:
你是资深全栈工程师与产品经理。请生成一个“可离线打开”的小型在线工具交付包。
硬约束：请在回答中直接给出可用的 HTML 代码（必须包含完整的 index.html 内容，代码用三反引号包裹并标注 html）。不要说“可一键导出 HTML”，而是直接生成 HTML 源码。
输出必须包含：1) 项目/文件树（至少 index.html，必要时附 assets/ 下的 css/js）；2) 每个文件的完整源码；3) 如何运行/打开（离线双击或本地静态服务器）；4) 至少 8 条 QA/测试清单（含边界情况）。
界面要求：响应式布局、浅色主题、可打印样式（@media print）、无外部依赖（不要依赖 CDN），所有功能在离线环境可用。
功能：表单输入（新增/修复/优化/破坏性变更）；自动生成“版本号+日期+摘要”；支持一键复制摘要/完整说明；支持导出为单页 index.html（直接包含所有内容与样式）。
中文释义:
适合产品/研发把零散改动整理为对外发布说明，交付一页式 HTML。
可打印简历生成器（表单 -> A4预览）
输入个人信息与项目经历，生成 A4 版式简历 HTML，支持打印为 PDF。
中文 Prompt:
你是资深全栈工程师与产品经理。请生成一个“可离线打开”的小型在线工具交付包。
硬约束：请在回答中直接给出可用的 HTML 代码（必须包含完整的 index.html 内容，代码用三反引号包裹并标注 html）。不要说“可一键导出 HTML”，而是直接生成 HTML 源码。
输出必须包含：1) 项目/文件树（至少 index.html，必要时附 assets/ 下的 css/js）；2) 每个文件的完整源码；3) 如何运行/打开（离线双击或本地静态服务器）；4) 至少 8 条 QA/测试清单（含边界情况）。
界面要求：响应式布局、浅色主题、可打印样式（@media print）、无外部依赖（不要依赖 CDN），所有功能在离线环境可用。
功能：A4 纸张尺寸预览；模块（教育/经历/项目/技能）可拖拽排序；内置 2 套主题；打印样式优化（分页控制、隐藏交互控件）。
中文释义:
适合快速生成可交付的简历页面，离线打开即可预览与打印。
报价单生成器（条目 -> 合同附件页）
录入服务项与单价，生成合计与条款说明的 HTML 报价单页面。
中文 Prompt:
你是资深全栈工程师与产品经理。请生成一个“可离线打开”的小型在线工具交付包。
硬约束：请在回答中直接给出可用的 HTML 代码（必须包含完整的 index.html 内容，代码用三反引号包裹并标注 html）。不要说“可一键导出 HTML”，而是直接生成 HTML 源码。
输出必须包含：1) 项目/文件树（至少 index.html，必要时附 assets/ 下的 css/js）；2) 每个文件的完整源码；3) 如何运行/打开（离线双击或本地静态服务器）；4) 至少 8 条 QA/测试清单（含边界情况）。
界面要求：响应式布局、浅色主题、可打印样式（@media print）、无外部依赖（不要依赖 CDN），所有功能在离线环境可用。
功能：增删行、税率/折扣、自动合计；可填写甲乙方信息；生成“可签字打印”版式；导出为 index.html（包含数据与样式）。
中文释义:
适合把报价内容规范化输出为可打印的 HTML 附件页。
Bug 复现报告生成器（模板 -> 可分享页面）
按照模板填写复现步骤、期望/实际结果，生成可分享的 HTML 报告。
中文 Prompt:
你是资深全栈工程师与产品经理。请生成一个“可离线打开”的小型在线工具交付包。
硬约束：请在回答中直接给出可用的 HTML 代码（必须包含完整的 index.html 内容，代码用三反引号包裹并标注 html）。不要说“可一键导出 HTML”，而是直接生成 HTML 源码。
输出必须包含：1) 项目/文件树（至少 index.html，必要时附 assets/ 下的 css/js）；2) 每个文件的完整源码；3) 如何运行/打开（离线双击或本地静态服务器）；4) 至少 8 条 QA/测试清单（含边界情况）。
界面要求：响应式布局、浅色主题、可打印样式（@media print）、无外部依赖（不要依赖 CDN），所有功能在离线环境可用。
功能：表单包含环境信息、步骤列表、截图占位（允许拖入本地图片并转 64 内嵌到 index.html）、严重程度选择；生成目录锚点；一键复制链接（同页锚点）。
中文释义:
适合测试/产品输出标准化 Bug 报告，离线也能打开查看（图片内嵌）。
项目里程碑看板（CSV -> 时间线HTML）
粘贴 CSV 数据生成时间线/甘特风格的 HTML 看板。
中文 Prompt:
你是资深全栈工程师与产品经理。请生成一个“可离线打开”的小型在线工具交付包。
硬约束：请在回答中直接给出可用的 HTML 代码（必须包含完整的 index.html 内容，代码用三反引号包裹并标注 html）。不要说“可一键导出 HTML”，而是直接生成 HTML 源码。
输出必须包含：1) 项目/文件树（至少 index.html，必要时附 assets/ 下的 css/js）；2) 每个文件的完整源码；3) 如何运行/打开（离线双击或本地静态服务器）；4) 至少 8 条 QA/测试清单（含边界情况）。
界面要求：响应式布局、浅色主题、可打印样式（@media print）、无外部依赖（不要依赖 CDN），所有功能在离线环境可用。
功能：CSV 输入（里程碑,开始,结束,负责人,状态）；渲染时间线；支持按负责人/状态过滤；支持导出单页 index.html；内置示例数据与校验提示。
中文释义:
适合把项目计划快速转成可交付的时间线页面，方便汇报与打印。
