先読みで爆速！Speculation Rules API 実装ガイド

这个提示词用于生成一个展示「预测性资源加载」技术的交互式演示页面。通过指定构建带有悬停触发的预取与预渲染指示器、统计面板以及代码示例区域，它能让 AI 快速产出一套完整的可视化教学工具，帮助开发者直观理解浏览器如何在用户点击链接之前就提前加载目标页面，从而实现近乎瞬间的页面跳转体验。

这类提示词非常适合需要向团队或客户演示前沿浏览器 API 的前端工程师，也适合用于技术文档配套的互动示例或内部培训材料。生成的页面通常包含模拟文档预览、规则匹配状态面板和可复制的配置代码块，使用简洁现代的界面风格并带有细腻的动效。推荐在 Claude、GPT-4o 等擅长生成完整 HTML 与 JavaScript 的模型上使用，或配合 v0、Bolt 等前端生成平台效果更佳。如果想进一步变通，可以在提示词中调整为展示其他浏览器 API（如 View Transitions 或 Navigation API），或指定特定框架（如 React、Vue）来生成对应的组件版本。