下面给出“日志分析”方向的在线工具生成型提示词示例。每条提示词都要求 AI 直接输出可用的 HTML 源码（至少包含完整的 index.html），并包含文件树、源码、运行方式与 QA 清单，便于离线交付与验收。
HTTP 接口超时诊断台（日志+指标+时间线）
把多份日志与简单指标导入，自动还原请求链路时间线并定位最慢环节。
提示词 (Prompts):
你是资深前端工程师与 SRE/运维。请直接生成一个“离线可用”的静态网页工具交付包。硬约束：你的回答必须直接给出可用的 HTML 代码，直接输出 HTML 源码作为交付物（例如包含完整的 index.html 内容；不需要描述任何“导出/一键导出 HTML”的产品功能）。 其他约束：不允许使用任何 CDN/外链依赖；如需脚本与样式请放在本地 assets/ 下并给出完整源码；输出必须包含：1) 文件树；2) 每个文件完整源码；3) 使用说明（离线双击打开 + 可选本地静态服务器）；4) 至少 12 条 QA/测试清单（含边界情况与错误提示）；5) 明确隐私与脱敏策略。
业务需求：
- 输入：粘贴 Nginx/网关访问日志、应用日志（JSON Lines）、以及可选的 Prometheus 指标快照（CSV）。
- 解析：支持自定义正则/JSONPath 映射字段；识别 traceId/requestId；自动按请求聚合。
- 可视化：请求列表（可筛选状态码/耗时/路径/UA/客户端 IP），详情页展示时间线（关键事件、阶段耗时），支持标注“超时原因候选”。
- 诊断：提供慢点分布、P95/P99、错误码 Top、慢 SQL 线索（从日志中提取）。
- 数据：导入/导出 JSON；localStorage 缓存；一键清空。
- 安全：对日志内容做 HTML 转义；支持“脱敏规则”（邮箱/手机号/IP/Token）并提供开关。
主要用途:
用于在没有后端环境的情况下离线复盘“接口超时/慢请求”问题，快速把散乱日志变成可检索、可视化的诊断页面。
Trace/Span 离线查看器（树形+瀑布图）
把 OpenTelemetry/Zipkin/Jaeger 的导出 JSON 离线可视化，快速找出最慢 span。
提示词 (Prompts):
你是资深前端工程师与 SRE/运维。请直接生成一个“离线可用”的静态网页工具交付包。硬约束：你的回答必须直接给出可用的 HTML 代码，直接输出 HTML 源码作为交付物（例如包含完整的 index.html 内容；不需要描述任何“导出/一键导出 HTML”的产品功能）。 其他约束：不允许使用任何 CDN/外链依赖；如需脚本与样式请放在本地 assets/ 下并给出完整源码；输出必须包含：1) 文件树；2) 每个文件完整源码；3) 使用说明（离线双击打开 + 可选本地静态服务器）；4) 至少 12 条 QA/测试清单（含边界情况与错误提示）；5) 明确隐私与脱敏策略。
业务需求：
- 输入：支持 Jaeger trace JSON、Zipkin v2 JSON、OTLP JSON（任选其一或多种）。
- 解析：自动识别 service/name/kind/duration/tags/logs；支持时区与时间格式转换。
- 视图：树形结构 + 瀑布图（横轴时间），支持缩放、对齐到 root span；点击 span 显示属性与事件。
- 分析：自动标记关键路径（critical path）并给出“最慢 span Top10”；支持按服务名/操作名过滤与高亮。
- 导出：可将当前筛选结果导出为 JSON（只是数据导出，不要描述一键导出 HTML 功能）。
主要用途:
适合把一次线上链路追踪导出文件变成离线可交付的诊断报告页，便于复盘与沟通。
应用日志聚合与异常指纹（去重聚类）
把海量日志按异常栈/错误码聚合，生成“问题指纹”列表并支持一键定位原文。
提示词 (Prompts):
你是资深前端工程师与 SRE/运维。请直接生成一个“离线可用”的静态网页工具交付包。硬约束：你的回答必须直接给出可用的 HTML 代码，直接输出 HTML 源码作为交付物（例如包含完整的 index.html 内容；不需要描述任何“导出/一键导出 HTML”的产品功能）。 其他约束：不允许使用任何 CDN/外链依赖；如需脚本与样式请放在本地 assets/ 下并给出完整源码；输出必须包含：1) 文件树；2) 每个文件完整源码；3) 使用说明（离线双击打开 + 可选本地静态服务器）；4) 至少 12 条 QA/测试清单（含边界情况与错误提示）；5) 明确隐私与脱敏策略。
业务需求：
- 输入：JSON Lines 应用日志，字段可能包含 level/message/stack/errorCode/requestId/traceId。
- 清洗：支持规则化替换（UUID/数字/路径）以减少噪声。
- 聚合：按指纹（message 模板 + stack 首帧）聚类，输出：出现次数、首次/末次时间、受影响接口 Top。
- 交互：点击指纹可展开样本日志；提供全文搜索、高亮与复制按钮；支持导出聚合结果 JSON。
- 质量：对超大文本做分块处理并显示进度条；提供内存占用提示。
主要用途:
用于把“同类错误刷屏”的日志快速聚合成少量可处理的问题列表，提高排障效率。
慢 SQL 线索面板（从日志提取+统计）
从应用日志中提取 SQL 片段与耗时，生成慢查询榜单与趋势。
提示词 (Prompts):
你是资深前端工程师与 SRE/运维。请直接生成一个“离线可用”的静态网页工具交付包。硬约束：你的回答必须直接给出可用的 HTML 代码，直接输出 HTML 源码作为交付物（例如包含完整的 index.html 内容；不需要描述任何“导出/一键导出 HTML”的产品功能）。 其他约束：不允许使用任何 CDN/外链依赖；如需脚本与样式请放在本地 assets/ 下并给出完整源码；输出必须包含：1) 文件树；2) 每个文件完整源码；3) 使用说明（离线双击打开 + 可选本地静态服务器）；4) 至少 12 条 QA/测试清单（含边界情况与错误提示）；5) 明确隐私与脱敏策略。
业务需求：
- 输入：包含 SQL 与耗时的日志（多种格式），支持用户配置提取规则（正则/分隔符）。
- 规范化：对 SQL 做参数占位（数字/字符串 -> ?），生成 SQL 指纹。
- 统计：按 SQL 指纹聚合 P50/P95/P99、总次数、总耗时；展示“最耗时 Top”与“最频繁 Top”。
- 体验：表格排序、筛选、复制 SQL 模板；支持按时间窗口过滤；导入导出 JSON。
- 提示：页面中需要明确说明 SQL 可能含敏感数据，默认启用脱敏。
主要用途:
适合离线分析慢 SQL 线索，辅助定位数据库瓶颈与索引优化方向。
网关 4xx/5xx 诊断仪表板（按路径/客户端聚合）
把网关访问日志变成可筛选的错误诊断页，快速找出爆点路径与异常来源。
提示词 (Prompts):
你是资深前端工程师与 SRE/运维。请直接生成一个“离线可用”的静态网页工具交付包。硬约束：你的回答必须直接给出可用的 HTML 代码，直接输出 HTML 源码作为交付物（例如包含完整的 index.html 内容；不需要描述任何“导出/一键导出 HTML”的产品功能）。 其他约束：不允许使用任何 CDN/外链依赖；如需脚本与样式请放在本地 assets/ 下并给出完整源码；输出必须包含：1) 文件树；2) 每个文件完整源码；3) 使用说明（离线双击打开 + 可选本地静态服务器）；4) 至少 12 条 QA/测试清单（含边界情况与错误提示）；5) 明确隐私与脱敏策略。
业务需求：
- 输入：Nginx/Ingress/API Gateway 访问日志（可粘贴文本或上传本地文件；若实现上传请用 input[type=file] 并在前端解析）。
- 解析：识别 status/request_time/upstream_time/uri/method/referer/ua/remote_addr。
- 面板：错误率趋势（按分钟桶）、Top 路径、Top 客户端 IP、Top UA；点击进入样本列表。
- 关联：支持将某条请求与应用日志（按 requestId/traceId）关联展示（可选功能）。
主要用途:
用于快速定位“错误率突增”的入口与来源，辅助决定限流、回滚或封禁策略。
告警阈值回放器（指标 CSV -> 告警触发模拟）
离线回放指标数据，模拟多条告警规则何时触发、触发原因与抑制逻辑。
提示词 (Prompts):
你是资深前端工程师与 SRE/运维。请直接生成一个“离线可用”的静态网页工具交付包。硬约束：你的回答必须直接给出可用的 HTML 代码，直接输出 HTML 源码作为交付物（例如包含完整的 index.html 内容；不需要描述任何“导出/一键导出 HTML”的产品功能）。 其他约束：不允许使用任何 CDN/外链依赖；如需脚本与样式请放在本地 assets/ 下并给出完整源码；输出必须包含：1) 文件树；2) 每个文件完整源码；3) 使用说明（离线双击打开 + 可选本地静态服务器）；4) 至少 12 条 QA/测试清单（含边界情况与错误提示）；5) 明确隐私与脱敏策略。
业务需求：
- 输入：指标时间序列 CSV（timestamp,value,label...）。
- 规则：页面可配置多条规则（阈值、持续时间、缺失数据策略、抑制窗口）。
- 模拟：输出每条规则的触发/恢复时间点，展示原因解释（基于计算结果），并可导出模拟报告 JSON。
- 图表：使用原生 Canvas/SVG 实现折线图（不引入外部库）。
- QA：覆盖缺失点、乱序时间戳、重复点、极端尖峰、全 0、NaN。
主要用途:
用于复盘“告警误报/漏报”与阈值调整，形成可交付的离线回放页面。
故障复盘时间线生成器（事件卡片+行动项）
把关键事件录入成结构化时间线，输出可打印的复盘页面模板。
提示词 (Prompts):
你是资深前端工程师与 SRE/运维。请直接生成一个“离线可用”的静态网页工具交付包。硬约束：你的回答必须直接给出可用的 HTML 代码，直接输出 HTML 源码作为交付物（例如包含完整的 index.html 内容；不需要描述任何“导出/一键导出 HTML”的产品功能）。 其他约束：不允许使用任何 CDN/外链依赖；如需脚本与样式请放在本地 assets/ 下并给出完整源码；输出必须包含：1) 文件树；2) 每个文件完整源码；3) 使用说明（离线双击打开 + 可选本地静态服务器）；4) 至少 12 条 QA/测试清单（含边界情况与错误提示）；5) 明确隐私与脱敏策略。
业务需求：
- 输入：在页面表单录入事件（时间、事件描述、影响、负责人、证据链接/说明）。
- 输出：时间线视图 + 影响范围概览 + 行动项清单（可勾选、支持截止日期）。
- 数据：支持导入导出 JSON；支持打印样式（隐藏导航、保留正文）。
- 合规：明确不上传任何数据到网络；所有数据只在本地浏览器内。
主要用途:
适合把一次故障复盘整理成结构化、可打印、可归档的离线页面。
日志脱敏与合规检查器（规则库+命中高亮）
对日志文本做脱敏预处理并输出命中报告，便于对外分享前的合规检查。
提示词 (Prompts):
你是资深前端工程师与 SRE/运维。请直接生成一个“离线可用”的静态网页工具交付包。硬约束：你的回答必须直接给出可用的 HTML 代码，直接输出 HTML 源码作为交付物（例如包含完整的 index.html 内容；不需要描述任何“导出/一键导出 HTML”的产品功能）。 其他约束：不允许使用任何 CDN/外链依赖；如需脚本与样式请放在本地 assets/ 下并给出完整源码；输出必须包含：1) 文件树；2) 每个文件完整源码；3) 使用说明（离线双击打开 + 可选本地静态服务器）；4) 至少 12 条 QA/测试清单（含边界情况与错误提示）；5) 明确隐私与脱敏策略。
业务需求：
- 输入：粘贴任意日志文本或 JSON Lines。
- 规则：内置手机号/邮箱/IP/身份证/Token/Cookie 等规则，可自定义正则；支持白名单字段。
- 处理：预览模式（仅高亮命中）与替换模式（打码/哈希）；支持撤销与版本对比。
- 报告：输出命中统计、样本片段与建议；可导出处理后的文本与命中 JSON。
- 安全：默认开启 HTML 转义与 XSS 防护。
主要用途:
用于对外共享日志前的脱敏与合规检查，降低敏感信息泄露风险。
补充说明：本主题强调“交付即代码”，因此每条提示词都要求给出 index.html 完整源码，并且不依赖外部网络资源。为了满足内容长度与可读性，建议在实现中加入：错误提示文案、键盘可达性、加载进度、以及对超大文件的性能保护（如分片解析与虚拟滚动）。
