以下为“在线预览”方向的 AI 提示词合集：每条提示词都要求 AI 直接产出一个可运行/可部署的在线工具项目，并给出可直接打开的 index.html 作为交付物，便于快速预览与交付。
在线正则表达式测试台（可视化匹配 + 分组高亮）
用于在浏览器里快速验证正则、查看分组命中与替换结果，并沉淀为可复用的示例。
提示词 (Prompts):
请你生成一个“在线正则表达式测试台”的完整项目代码，要求：
- 语言与说明全部用中文撰写（包括注释与 README），不要混用英文提示词。
- 交付物必须包含：完整文件树、每个文件的源码、本地运行命令、部署说明、以及至少 5 条测试用例或 QA checklist。
- 必须提供一个可直接打开预览的单文件 HTML：输出完整的 index.html 源码（内联 CSS/JS，不依赖外网 CDN），双击即可运行。
- 若你同时提供工程化版本（例如 Node/前端构建），也必须额外提供一键导出为“单文件 HTML”的脚本或按钮（例如将资源内联后生成 dist/index.html）。
- 功能要求：
1) 输入区：正则表达式、待匹配文本、flags（g/i/m/s/u/y），支持实时匹配。
2) 结果区：高亮命中片段，展示每次 match 的分组（group1..n）与命名分组。
3) 替换区：输入 replacement，展示 replace 后文本与替换次数。
4) 错误处理：正则无效时给出中文错误提示，不要页面崩溃。
5) 示例：内置不少于 20 条常用示例（邮箱、手机号、URL、日期、日志行解析等），可一键载入。
6) 可分享：支持把当前配置编码到 URL（hash 或 query），复制链接可复现。
- 质量要求：界面简洁，移动端可用；本地无服务器时也能运行（纯静态）。
请先输出文件树，然后逐文件给出源码，最后给出运行命令、部署说明与测试/QA 清单。
主要用途: 快速验证正则匹配与替换、定位分组结果、沉淀团队可复用示例并通过链接分享。
在线正则示例库管理器（标签检索 + JSON 导入导出）
用于把常用正则按业务标签整理，支持导入导出与本地持久化，便于团队协作。
提示词 (Prompts):
请生成一个“在线正则示例库管理器”的完整可运行项目，要求：
- 全中文输出：界面文案、注释、README 全部中文。
- 交付物必须包含：文件树+源码+运行命令+部署说明+至少 5 条测试用例或 QA checklist。
- 必须输出可直接打开的 index.html（内联 CSS/JS，不依赖外网 CDN）。
- 数据结构：每条示例包含标题、正则、flags、说明、示例输入、期望输出、标签（多选）、创建/更新时间。
- 功能：新增/编辑/删除；标签筛选与关键字搜索；一键复制正则；示例一键送入“测试台”页面（可在同页切换 tab）。
- 导入导出：支持导出为 JSON 文件，支持从 JSON 粘贴导入（要做字段校验与错误提示）。
- 持久化：使用浏览器本地存储（localStorage 或 IndexedDB），并提供“清空所有数据”的二次确认。
- 一键交付：提供“导出为单文件 HTML”的功能（导出的 HTML 打开后仍可离线使用与管理示例）。
请给出完整代码与说明。
主要用途: 规范化沉淀正则资产，减少重复造轮子，适合测试、数据清洗、前端表单校验与日志解析等场景。
在线日志行解析预览器（正则命名分组转字段表）
把日志行用命名分组解析成字段表，快速验证解析规则是否可靠。
提示词 (Prompts):
请生成一个“在线日志行解析预览器”的完整项目代码，要求：
- 全部中文输出。
- 必须交付一个可直接打开的 index.html（内联 CSS/JS，离线可用）。
- 工具能力：
1) 输入：多行日志文本。
2) 输入：正则表达式（建议使用命名分组，例如 (?INFO)）。
3) 解析：逐行匹配，输出表格（行号、是否命中、各字段列），并统计命中率。
4) 异常行：可展开查看原始行内容与未命中原因提示。
5) 导出：把解析后的表格导出为 CSV/JSON（浏览器下载）。
6) 一键输出 HTML：提供“导出离线版 HTML”按钮（导出后打开仍可继续解析与导出）。
- 交付物：文件树+源码+运行命令+部署说明+至少 5 条测试用例或 QA checklist。
请按可直接复制粘贴的形式输出。
主要用途: 用于运维/开发在浏览器里验证日志解析规则、提高命名分组的可读性，并快速导出结构化数据。
在线批量替换预览器（替换前后 Diff 对比）
用于批量替换文本时，先在网页里预览差异，降低误替换风险。
提示词 (Prompts):
请生成一个“在线批量替换预览器（替换前后 Diff 对比）”的完整可运行项目，要求：
- 全中文输出。
- 交付：必须包含可直接打开的 index.html（内联 CSS/JS，离线可用）。
- 输入：原始文本、多条替换规则（支持正则与普通文本两种模式）、flags。
- 预览：展示替换前/替换后，并提供差异对比视图（逐行对比即可，不要求复杂算法）。
- 安全：提供“仅预览不修改原文本”的开关；替换规则校验与错误提示。
- 导出：导出替换后的结果为 txt，以及导出操作报告（命中次数统计）。
- 一键输出 HTML：提供按钮导出离线版 HTML（包含当前规则与示例数据）。
- 交付物：文件树+源码+运行命令+部署说明+至少 5 条测试用例或 QA checklist。
请输出完整源码。
主要用途: 适合批量清洗数据、统一术语、整理文档，先预览差异再落地，降低回滚成本。
在线表单校验规则预览器（正则 + 规则说明生成）
把一组字段校验规则集中展示，便于产品、前端、测试共同确认口径。
提示词 (Prompts):
请生成一个“在线表单校验规则预览器”的完整项目，要求：
- 全中文输出。
- 必须输出可直接打开的 index.html（内联 CSS/JS）。
- 功能：维护字段列表（字段名、是否必填、正则、错误提示、示例输入、备注）；支持实时校验与示例演示。
- 生成：根据规则自动生成一段“可读的校验说明文案”，用于写入需求文档（中文）。
- 导入导出：支持 JSON 导入导出；支持把当前规则导出为 Markdown（可复制）。
- 一键输出 HTML：导出离线版 HTML（包含规则与示例）。
- 交付物：文件树+源码+运行命令+部署说明+至少 5 条测试用例或 QA checklist。
请给出完整实现。
主要用途: 用统一的可视化方式对齐字段校验口径，减少前后端与测试对规则理解不一致导致的返工。
在线正则性能与回溯风险预警器（ReDoS 自检）
对可能产生灾难性回溯的正则做简单检测与基准测试，辅助安全评审。
提示词 (Prompts):
请生成一个“在线正则性能与回溯风险预警器”的完整可运行项目，要求：
- 全中文输出。
- 必须提供可直接打开的 index.html（内联 CSS/JS，离线可用）。
- 功能：输入正则与测试字符串生成器（例如重复字符长度 N）；运行多组长度下的匹配耗时测试并画出简单折线图（可用 canvas）。
- 提示：给出中文风险提示（例如存在嵌套量词、可疑回溯路径等），并提供改写建议（不需要绝对准确，但要有可解释的规则）。
- 安全：限制最大测试长度与运行时间，避免页面卡死。
- 一键输出 HTML：导出离线版 HTML（保留当前正则与测试配置）。
- 交付物：文件树+源码+运行命令+部署说明+至少 5 条测试用例或 QA checklist。
请输出完整代码。
主要用途: 帮助开发在上线前发现高风险正则，降低 ReDoS 风险，辅助安全走查与性能评估。
在线多正则批量验证台（样本集跑分 + 覆盖率统计）
把多条正则对同一批样本集做批量验证，快速查看通过率与误报漏报。
提示词 (Prompts):
请生成一个“在线多正则批量验证台”的完整项目实现，要求：
- 全中文输出。
- 必须输出可直接打开的 index.html（内联 CSS/JS）。
- 输入：多条正则（带名称与 flags）；样本集（每行一个样本，可标注期望是否命中）。
- 计算：对每条正则计算命中率、误报、漏报，并生成汇总表。
- 视图：点击某条正则可查看详细命中列表与高亮。
- 导出：导出结果报告为 JSON/CSV；支持复制报告摘要文本。
- 一键输出 HTML：导出离线版 HTML（含样本与规则）。
- 交付物：文件树+源码+运行命令+部署说明+至少 5 条测试用例或 QA checklist。
请给出完整代码。
主要用途: 适合做规则迭代的回归验证，量化误报漏报，提升规则可维护性与可评审性。
在线正则速查卡生成器（把规则生成可打印页面）
把一组常用正则与说明整理成速查卡页面，便于培训与内部共享。
提示词 (Prompts):
请生成一个“在线正则速查卡生成器”的完整项目，要求：
- 全中文输出。
- 必须提供可直接打开的 index.html（内联 CSS/JS）。
- 功能：维护卡片列表（标题、正则、说明、示例）；支持拖拽排序；一键切换“屏幕版/打印版”。
- 导出：支持导出为单文件 HTML（用于离线分享），并提供浏览器打印友好样式。
- 数据：支持 JSON 导入导出。
- 交付物：文件树+源码+运行命令+部署说明+至少 5 条测试用例或 QA checklist。
请输出完整实现。
主要用途: 适合团队内部沉淀规则知识库，把零散经验整理成可复用、可打印的在线页面。
在线文本抽取模板器（用正则批量抽字段并预览）
针对半结构化文本（邮件、工单、日志）批量抽取字段，并预览与导出结果。
提示词 (Prompts):
请生成一个“在线文本抽取模板器”的完整项目代码，要求：
- 全中文输出。
- 必须输出可直接打开的 index.html（内联 CSS/JS，离线可用）。
- 输入：多段文本样本（用分隔符分段）；抽取规则（支持多个正则/命名分组）；字段映射与默认值。
- 预览：展示每段样本的抽取结果与缺失字段提示；统计每个字段的填充率。
- 导出：导出为 JSON/CSV；导出抽取模板为 JSON（可复用）。
- 一键输出 HTML：导出离线版 HTML（含模板与样本）。
- 交付物：文件树+源码+运行命令+部署说明+至少 5 条测试用例或 QA checklist。
请按“文件树 -> 源码 -> 运行/部署 -> 测试/QA”的顺序输出。
主要用途: 用于快速把半结构化文本变成结构化数据，适合工单字段抽取、邮件解析、日志字段化与数据清洗预处理。
