本篇为「在线预览」方向的在线工具生成型 AI 提示词（Prompts）合集。每条 Prompt 都要求 AI 直接产出一个可运行/可构建/可部署的在线工具项目：给出文件结构、完整源码、运行命令、部署说明，并提供测试用例或 QA checklist。所有工具都必须内置“一键输出 HTML”能力，用于把当前内容/配置打包成可直接打开的单文件 HTML（或一键生成包含 index.html 的最小可运行包），便于预览与交付。
你可以把下面任意一条 Prompt 直接复制给 AI 作为需求说明；Prompt 全文已按中文写法组织，避免混用英文提示词，并且明确了交付物、技术栈、边界条件与自检标准。
在线 Markdown 简历排版器
把一段 Markdown 简历内容即时渲染成可投递的版式，并支持主题与版面密度切换。
提示词 (Prompts):
请你作为资深前端工程师与产品型开发者，直接输出一个可运行的在线工具项目：
工具名称：在线 Markdown 简历排版器
目标：用户粘贴 Markdown 简历内容，实时预览排版效果，并可一键输出可直接打开的 HTML 交付文件（单文件 HTML，双击即可在浏览器打开）。
硬性交付物（必须逐项给出）：
1) 完整项目文件树（清晰到文件级）。
2) 所有源码全文（不要省略号），至少包含：index.html、src/main.ts（或 main.js）、样式文件、必要的构建配置。
3) 本地运行命令与依赖说明（例如 Node 版本、pnpm/npm）。
4) 构建与部署说明：本地 build、以及部署到静态托管（例如 Nginx/GitHub Pages/任意对象存储）的步骤。
5) 测试用例或 QA checklist（至少 8 条），覆盖：渲染正确性、样式兼容、导出 HTML 可打开、极端输入、移动端、无网络环境等。
功能需求：
- 左侧输入区：粘贴 Markdown；提供“示例内容”按钮。
- 右侧预览区：渲染 Markdown（支持标题、列表、加粗、链接、代码块、表格）。
- 主题：至少 3 套（简洁/商务/深色），并支持字体大小与行距调节。
- 版面：支持 A4 预览边界与分页辅助线（仅辅助，不要强制分页）。
- 一键输出 HTML：
- 将当前 Markdown、主题与排版参数内嵌到导出的 HTML 中；导出的 HTML 不依赖外网 CDN；打开后可离线查看。
- 允许选择“嵌入字体（可选）/不嵌入字体”，默认不嵌入，避免体积过大。
- 数据保存：使用 localStorage 自动保存输入与设置。
- 安全：导出时对用户输入做 XSS 防护，禁止注入脚本。
技术栈约束：
- 前端：Vite + Type （或纯 JS，但需说明取舍），不使用后端。
- Markdown 渲染可用开源库（例如 marked/markdown-it），但必须写明版本与原因，并给出最小依赖。
输出格式要求：
- 你的回答必须直接给出可用的 HTML 代码作为交付物（包含 index.html 完整内容），并给出其余必要文件源码。
- 不要描述任何“导出/一键导出 HTML”的产品功能概念，请把导出能力实现为代码与按钮。
- 所有说明与注释尽量用中文。
主要用途: 把简历内容从“文本”变成“可投递的版式”，用于投递、内推、作品集展示与离线分享。
在线 多版本简历对比预览器
对同一份简历的不同版本做并排预览与差异高亮，方便快速取舍与合并。
提示词 (Prompts):
请输出一个可运行的在线工具项目：在线 多版本简历对比预览器。
用户输入两份 Markdown 简历（版本A/版本B），工具需要：
- 将两份内容分别渲染为简历预览（同一套版式与主题）。
- 高亮差异：新增/删除/修改（在预览中用背景色提示，且提供开关）。
- 提供“一键输出 HTML”：导出一个单文件 HTML，内含 A/B 两栏预览与差异高亮，可离线打开。
交付物必须包含：文件树、全部源码、运行命令、部署说明、至少 8 条 QA checklist。
约束：前端 Vite 项目；差异算法可用现成库或自行实现，但要解释选择；禁止外网依赖；全部中文说明；必须防止脚本注入。
主要用途: 用于针对不同岗位定制简历时，快速比较差异、检查遗漏，并把对比结果打包交付给他人评审。
在线 简历主题组件预览工作台
把简历的模块（个人信息、教育、项目、技能等）拆成组件，提供主题与组件开关的组合预览。
提示词 (Prompts):
请输出一个可运行的在线工具：在线 简历主题组件预览工作台。
目标：面向“简历模板开发/排版调试”，把简历渲染拆成多个模块组件，支持开关每个模块、切换主题、预览密度，并一键输出 HTML（单文件）用于交付与评审。
必须交付：
- 文件树 + 全源码（含 index.html）。
- 运行命令、构建与部署说明。
- 至少 10 条 QA checklist（包含：组件开关组合、打印样式、导出后一致性、移动端、无数据占位、长文本溢出等）。
实现细节：
- 输入为 Markdown + 一个可视化表单（用于配置模块顺序/是否展示）。
- 导出 HTML 时将配置与内容写入导出文件，使其无需工具也能打开查看。
约束：全部中文；无外网依赖；注意 XSS 防护。
主要用途: 让“模板调试”可视化，适合简历模板制作、排版验收、团队评审与交付归档。
在线 简历内容一致性检查预览器
在预览旁边自动做一致性检查，并用标记提示问题位置（例如时间线冲突、手机号格式、链接不可用等）。
提示词 (Prompts):
请直接输出一个可运行的前端在线工具：在线 简历内容一致性检查预览器。
用户粘贴 Markdown 简历后，工具需要：
- 右侧渲染预览；左侧显示检查结果列表。
- 检查规则至少包含：
1) 时间范围格式与先后顺序；
2) 邮箱/手机号/URL 基本格式；
3) 关键字段缺失（姓名/联系方式/至少一个项目）；
4) 长段落可读性提示（句子过长/重复词）；
5) 链接可达性检查（可选：仅做格式与协议，不做网络请求）。
- 点击某条问题可在预览中定位并高亮对应文本。
- 一键输出 HTML：导出单文件 HTML，包含预览与检查结果（离线可打开），并保留高亮定位能力。
交付物：文件树、全部源码、运行命令、部署说明、至少 10 条 QA checklist。
约束：不依赖外网；全部中文；安全防护（Markdown 渲染与导出均需 XSS 处理）。
主要用途: 在提交简历前快速自检，减少低级错误，并把“检查+预览”一起导出给他人复核。
在线 简历打印样式预览与调试器
专注“打印/导出为PDF前的预览”，可模拟打印分页、边距、页眉页脚，并导出离线 HTML。
提示词 (Prompts):
请输出一个在线工具项目：在线 简历打印样式预览与调试器。
需求：
- 输入 Markdown 简历并渲染预览。
- 提供“屏幕预览/打印预览”切换：打印预览需应用 @media print 样式，显示页边距参考线、分页符建议位置（可通过 CSS break 控制）。
- 提供边距、字号、行距、两栏/单栏布局切换。
- 一键输出 HTML：导出单文件 HTML（包含 print 样式），使用户离线打开后可直接浏览器打印。
交付物：文件树、全部源码、运行命令、部署说明、至少 10 条 QA checklist（特别覆盖：不同浏览器打印、中文字体回退、分页断行、链接样式、导出一致性）。
限制：不依赖外网 CDN；全部中文；XSS 防护必须到位。
主要用途: 解决“屏幕好看但打印崩”的问题，适合需要线下递交或 PDF 投递的简历场景。
在线 简历链接与作品集预览聚合页生成器
把简历中的链接（项目、作品集、演示地址）整理成一个聚合预览页，便于面试官快速浏览。
提示词 (Prompts):
请输出一个可运行的在线工具：在线 简历链接与作品集预览聚合页生成器。
输入：Markdown 简历文本。
功能：
- 自动提取其中的链接（URL 与 Markdown 链接），按“项目/文章/代码/演示/其他”分组（允许用户手动编辑分组）。
- 生成一个聚合预览页：列表卡片展示标题、域名、简介（简介可由用户填写，不调用外部接口）。
- 提供“链接健康检查”（仅检查 URL 结构与协议、重复链接、是否为 http/https；不做网络请求）。
- 一键输出 HTML：导出单文件 HTML 聚合页，可离线打开，点击链接跳转。
交付物：文件树、全部源码、运行命令、部署说明、至少 8 条 QA checklist。
约束：前端静态；无外网依赖；全部中文；注意 XSS 与 URL 安全处理。
主要用途: 把分散的作品链接收拢成“可浏览的清单页”，适合投递时附带或面试前发送。
在线 简历多语言镜像预览器
同一份简历内容生成中英文镜像版本并同步预览（翻译由用户粘贴，不调用第三方接口）。
提示词 (Prompts):
请输出在线工具项目：在线 简历多语言镜像预览器。
说明：本工具不调用任何翻译 API。用户自行提供中文 Markdown 与英文 Markdown（或只提供中文，由用户手动补全英文）。
功能：
- 两栏同步滚动预览（中文/英文）。
- 提供段落对齐辅助：根据标题/小节做锚点，帮助定位对应内容。
- 提供术语表辅助输入（本地保存），用于统一专有名词写法（仅提示，不自动翻译）。
- 一键输出 HTML：导出单文件 HTML，包含双栏预览与同步滚动。
交付物：文件树、源码、运行命令、部署说明、至少 8 条 QA checklist。
约束：无外网依赖；全部中文；XSS 防护；移动端需提供单栏切换模式。
主要用途: 面向外企/海外岗位投递时，快速校对双语版本一致性，并把双语预览一键交付。
在线 简历模块顺序与信息密度模拟器
通过拖拽调整模块顺序与信息密度，在不改内容的情况下模拟不同排版策略的观感。
提示词 (Prompts):
请输出一个在线工具：在线 简历模块顺序与信息密度模拟器。
输入：Markdown 简历。
功能：
- 自动识别模块（例如：个人信息/教育经历/工作经历/项目经历/技能/证书），允许用户拖拽排序与开关显示。
- 信息密度滑杆：影响字号、间距、列表紧凑度。
- 预览区实时更新，并给出“可读性提示”（例如：每屏信息量、段落长度）。
- 一键输出 HTML：导出单文件 HTML，保留当前模块顺序与密度设置。
交付物：文件树、全部源码、运行命令、部署说明、至少 10 条 QA checklist（含：识别失败回退、拖拽可用性、导出一致性、长内容溢出、移动端等）。
约束：前端静态；无外网依赖；中文说明；XSS 防护。
主要用途: 用于“同内容不同排版”的快速试错，帮助找到更适合目标岗位的呈现顺序。
在线 简历可访问性与对比度预览检查器
在预览中检查配色对比度与可访问性提示（不涉及生成图片，仅做样式与文本可读性评估）。
提示词 (Prompts):
请输出在线工具项目：在线 简历可访问性与对比度预览检查器。
需求：
- 输入 Markdown 简历并渲染预览。
- 提供主题配色编辑（文本色/背景色/强调色）。
- 计算并提示对比度是否达标（按 WCAG 的基本规则即可，给出计算方法与阈值说明）。
- 标记可能影响可读性的区域（例如灰字过浅、链接颜色不明显）。
- 一键输出 HTML：导出单文件 HTML，包含当前配色与检查结果标记。
交付物：文件树、全部源码、运行命令、部署说明、至少 8 条 QA checklist。
约束：不依赖外网；全部中文；不得引导生成图片；XSS 防护。
主要用途: 让简历主题既“好看”也“可读”，适合需要深色主题或低亮度阅读的投递场景。
在线 简历版本归档与离线包生成器
把多次修改的简历版本做本地归档管理，并能导出离线交付包用于备份与分享。
提示词 (Prompts):
请输出一个可运行的在线工具：在线 简历版本归档与离线包生成器。
输入：Markdown 简历内容与版本备注（例如：面向产品岗/面向前端岗）。
功能：
- 本地版本管理：支持保存多个版本、重命名、复制、删除、搜索（全部存储在浏览器本地，不上传服务器）。
- 每个版本都可预览渲染。
- 一键输出 HTML：
- 方案A：导出单文件 HTML（包含某个版本的简历预览）。
- 方案B：一键生成包含 index.html 的最小离线包（可用 JS 生成 zip，或提供可选实现），并给出实现代码。
- 提供导入/导出 JSON（用于迁移到另一台电脑），但仍保持离线。
交付物：文件树、全部源码、运行命令、部署说明、至少 10 条 QA checklist（含：数据持久化、导入导出一致性、导出 HTML 可打开、不同浏览器兼容、异常恢复）。
约束：无外网依赖；全部中文；XSS 防护；注意本地存储容量与失败提示。
主要用途: 把“改来改去的简历”变成可管理资产，并能随时导出离线交付文件给招聘方或自己存档。
如果你希望把这套 Prompts 用于其它“在线预览”主题（例如文档预览、配置预览、数据预览），只需要保留交付物与一键输出 HTML 的要求，再替换输入格式与渲染组件即可。
