构建一个名为 Signal Crawler 的 Chrome 扩展,使用 Manifest V3。 该扩展应帮助我在公开网页中寻找业务问题。它必须在我当前打开的页面上运行,而不是悄悄爬取其他网站。 核心体验 当我点击扩展图标时,页面上会出现一个小型动画爬虫。它在可读文本块之间移动,以视觉方式扫描这些文本块,并高亮有用的段落。一个浮动面板会实时显示它发现的内容。 再次点击图标会移除爬虫、面板、高亮以及对页面所做的所有更改。 要分析的内容 支持三种来源类型: 1. 招聘帖子:寻找人工、重复性工作、缓慢的工作流程以及可以自动化的任务。 2. 客户评价:寻找反复出现的投诉、变通方法、缺失功能以及让客户耗费时间或金钱的问题。 3. 产品和公司页面:寻找该企业销售什么、服务于谁,以及提议的修复方案如何融入其现有工作流程。 忽略导航、广告、Cookie 横幅、表单、代码块和隐藏文本。处理滚动时加载更多内容的页面。 爬虫 在页面上方的透明 canvas 上绘制爬虫,不阻挡点击或文本选择。给它一个紧凑的身体、八条带关节的腿和可见的迈步动作。 它应自动从一个相关文本块移动到另一个相关文本块。当它发现有用段落时,短暂暂停,将一只脚放在其附近,高亮该段落,并从该段落向浮动面板发送一个小型动画信号。 使用克制的视觉风格:发现内容用暖黄色,身体用白色,深色轮廓和微妙光晕。动作应感觉快速而有生命力,但文本必须保持可读。 信号板 对于每个发现,显示: - 精确引用 - 页面标题和 URL - 信号类型 - 它暗示的问题 - 已找到多少个相似信号 将相关发现分组为聚类。不要将一句孤立的话视为已证实的市场。让重复出现的证据在视觉上比单次提及更突出。 ASTRA 分析 添加一个可选的 GPT Astra 分析步骤。用户在扩展设置中输入自己的 API 密钥和模型名称。将密钥存储在本地,并从后台 service worker 发起 API 请求,绝不能从页面发起。 对于每个聚类,要求 Astra 生成: - 对问题的通俗英语描述 - 谁会经历它 - 它为何重要的证据 - 最小可行的修复方案 - 一份简短的要约草稿 - 仍需人工验证的内容 Astra 不得编造引用、公司、价格或客户数量。面板中的每个结论都应链接回其来源段落。 面板控制 包括暂停、继续、分析、复制发现、导出 JSON、清除和关闭。 面板应显示扫描进度、已检查段落数、已收集发现数和已形成聚类数。让我可以打开任何发现并跳回其在页面上的原始位置。 质量要求 该扩展不得破坏滚动、链接、页面布局或文本选择。它不应自动发送消息、联系公司或发布任何内容。 关闭时,移除所有 canvas 元素、高亮、监听器、观察器和计时器。支持减少动态效果偏好。通过保持已收集证据可见来处理 API 失败。 使用纯 JavaScript、HTML 和 CSS。提供可工作的 Manifest V3 扩展所需的每个文件,然后给我清晰的安装和测试步骤。
本片段由 OpenAI 的 GPT-6 Astra 生成,页面上的提示词就是生成它的原始文本。
示例由 GPT-6 Astra 生成,参数:36:25 · 0:47 · Animation · Motion Graphics · Advertising。沿用这些参数可获得最接近的效果。
先原样复制提示词,只改主体、保留镜头/运动/光影描述。视频模型对措辞很敏感,多试几次为佳。
当然可以。提示词最适合作为起点——替换场景、调整节奏词或宽高比,适配你的项目。