最好的总结网页内容的AI工具

[heading3]引言[content]放上偶像雷神的演讲经常在网页上刷到好文章想保存金句和配图，但找不到好用的工具？作为经常阅读技术文章的开发者，我常常想找到一个便捷的工具来提取和保存文章精华。于是萌生了开发一个浏览器插件的想法，在AI的帮助下，这个想法很快变成了现实。应众多小伙伴的请求，我决定分享这次开发历程。[heading2]技术栈介绍[heading3]Cursor：AI驱动的智能编辑器[content]Cursor是一款革新性的代码编辑器，它在保留VS Code熟悉界面的同时，集成了强大的AI功能。他大概长这样，与普通vscode编译器差不多，但是多了一个言出法随的composer功能，能够自然语言交互写代码修bug[heading3]Coze：可视化工作流平台[content]Coze工作流是一种通过可视化方式对插件、大模型、代码块、知识库等多种功能进行组合的工具，它能够实现复杂稳定的业务流程编排，适用于处理逻辑复杂且稳定性要求高的任务流。他长这样，通过简单的拖拽关键节点就能完成功能编排[heading2]功能需求分析[content]想要完成如下的文章提炼需要几个功能1、对当前网页链接的提取2、LLM对当前网页内容总结3、LLM输出三个变量主角文章概括金句提取4、通过图片搜索的工具在网上搜搜主角的图片5、进行排版，就能得到一个漂亮的图文总结卡片

支持通过图片插值控制Animatediff生成视频的ComfyUI插件和对应的工作流Steerable Motion升级到1.3。这个工作流玩好的话，可以制作很多神奇的效果。增加了可控性，流畅度和高分辨率输出。这个流程跟我昨天发的那个视频的工作流类似。主要设置项如下：关键帧间隔：指定在您设置的每两个关键帧之间生成的帧数。影响范围：确定IP-适配器（IPA）的影响应用于哪些帧的范围。影响强度：设定每一帧的最低和最高影响点。图像忠实度：设定对原始输入图像保持忠实的程度。[heading2][Kimi Copilot：Kimi chat驱动的AI总结助手](https://chrom[content]用Kimi AI一键总结网页内容。安装后，在浏览网络文章时点击插件图标，或使用快捷键Ctrl/Cmd+Shift+K，即可一键召唤Kimi.ai总结网页内容。总结的非常详细，而且使用Kimi还不需要付费。[heading2][Chordio：专门用于用户体验优化的AI助手](https://chordio.com/)[content]输入你的要求之后这个产品会为你的产品制作意制作简单的交互稿，这个还是挺不错的，很多产品一点交互能力没有。可以用这个试试。[heading2][content][Strut：AI驱动的写作应用](https://strut.so/)[content]Strut是一款支持人工智能的协作工作区，将您的笔记、文档和写作项目整合在一起。从混乱到清晰，Strut将所有写作工具集合到一个简单的应用程序中。捕捉笔记，组织项目，并与团队一起协作。Strut让您的写作不断前进。

在成功验证了纯提示词方案后，接下来就是产品化开发阶段。虽然代码编程不是我的强项，但配合Cursor、Windsurf这类AI编程工具，插件的实现效果相当不错。所以，我想试着分享一些关键过程，尤其是提示词封装环节，希望对有意开发AI产品的朋友有所启发。与提示词智能体不同，产品化开发需要考虑更多：1.如何稳定的获取网页内容？2.如何选择适合的AI大模型API服务？3.面向大模型API，如何构建生产级提示词？[heading2]1）如何稳定的获取网页内容？?[content]在上述初版提示词实验中，获取网页内容极大依赖于大模型对话产品的外链解析能力。然而，这种方式非常容易遭到平台反爬机制的制裁。在实验过程中，最影响提示词方案效果的因素，不是大模型的生成质量，而是无法稳定地捕获网页内容。转换思路来看，网页内容通常以明文形式展示在用户浏览器中，内容平台不可能对用户设备进行反爬制裁。通过用户浏览器，以浏览器插件形式本地提取网页内容，正是一种稳定、经济的解决方案。以下是AI Share Card插件所获取的网页元素清单：附：开发时，如何确定需要插件获取哪些网页元素？你可以拿着初版提示词，询问AI：我希望通过浏览器插件，获取提示词中所需的标签页标题、链接、内容元素，请你帮我设计获取相关元素的js代码参考对话如下，也可以直接在Cursor、Windsurf里提示AI帮你完成开发