9 个 Vibe Coding 实例:用 AI 应用增长网站
如果你一直在寻找超越聊天机器人和"总结这个 PDF"演示的 vibe coding 实例,这里就是你要找的地方;还有一份关于构建代理实际是什么样的真实记录。
以下所有内容都是通过 Agent A 由 Ahrefs 团队构建的——还有几个是我自己 vibe code 的。以下是 vibe coding 所需的,以及你今天就可以安装的 9 个预构建应用。
任何人都能 vibe code 一个应用,这就是证据
在 Slack 上,我们有一个叫 Feature Suggestions 的频道,大家会在那里投放想法和心愿工具。我是那里的常客。
我是一个几乎没有编程经验的营销人员——除非你算上 2008 年左右我复制到 MySpace 页面的 HTML。当我开始试用我们自己的 AI 代理平台 Agent A 时,我已经在用 Lovable 了,所以我已经感染了 vibe coding 的热情。
但 Agent A 感觉像是第一个让我可以自己尝试构建大想法的环境。只有我、一个聊天框,以及下面坐着的对 Ahrefs 数据的无限制访问。
为了回答我自己的 Feature Suggestion:是的,我能够将 AI 提示与实际 AI 流量关联起来。而且我还能够比较 AI 流量和引用趋势……
我在 15 分钟内就构建了这个应用的核心部分。如果这不是几乎任何人都能 vibe code 的证明,那我不知道什么才是。
什么是 Agent A?
Agent A 是来自 Ahrefs 的营销代理——一个可直接访问完整 Ahrefs 数据集的 AI 助手,能够自主执行营销任务,而不仅仅是回答问题。
Agent A 包含:
- ✓ 不受限制地访问 Ahrefs 端点:包括许多你无法通过 API 或 MCP 访问的端点。
- ✓ 强大的技术栈:Postgres 用于状态,Flask 用于 UI,OpenRouter 代理支持 300+ 模型,网页抓取支持全页解析,PDF、OCR、定时任务。
- ✓ 营销工具的原生连接器:Slack、HubSpot、GitHub、Notion、Linear、Mailchimp、Resend、SendGrid、Stripe、Gong、WordPress、Airtable、Apify,甚至 Semrush。
- ✓ 专家技能库:Ahrefs 团队贡献了预构建的营销技能和应用。
Vibe Coding 工具对比
| 工具 | 水平 | 最适合 |
|---|---|---|
| Agent A | 任何水平 | 描述你想要构建什么,Agent A 规划步骤、编写代码并连接你的项目所需的工具 |
| ChatGPT | 初学者 | 最容易的起点。用通俗语言描述你的想法,它帮你塑造想法、编写更好的提示 |
| Lovable | 初学者 | 将描述转化为好看的网页或应用界面,然后直接部署 |
| Replit | 中级 | 浏览器中的完整编程工作区:构建、运行和部署都在一个标签页完成 |
| Claude Code | 中级 | 当你想要亲手控制时。读取你的代码仓库,解释计划,一步步进行更改 |
1. Blog Freshness — Ryan Law 出品
这个应用显示哪些博客正在悄悄流失最多流量,帮助你优先安排可以堵住漏桶的更新。
功能:
- ✓在单个仪表板上并排跟踪多个博客
- ✓为任何博客获取 0-100 新鲜度评分
- ✓查看哪些文章需要紧急刷新,哪些仍在发挥作用
- ✓深入任何博客进行完整审计:平均年龄、流量衰减、前 10 篇最旧文章
- ✓最多 3 个博客与竞争对手进行直接对比
- ✓导出按可恢复流量排序的优先更新列表
例如,我们可以看到 Ahrefs 发布的内容大约是 Moz 的一半,但平均每篇文章获得 251 次访问,而 Moz 只有 62 次。"更新优先级"标签显示每篇文章按如果你刷新它能恢复多少流量排序。
Ryan 是 Ahrefs 的内容总监,多年来一直看到内容团队问:"我应该先刷新哪篇文章?"这是一个价值百万的问题,所以他决定用基于 Ahrefs 有机流量数据的 AI 应用来回答它。
2. Marketing Inbox — Glen Allsopp 出品
这是一个让你的每一个"我应该写这个"的想法停留的地方,直到它准备好真正变成什么。
功能:
- ✓在一个地方捕捉任何营销创意——社交帖子、博客草稿、着陆页、项目
- ✓按类型标记每个想法,使收件箱保持可扫描
- ✓暂停项目以保持主视图"干净"直到它们准备好处理
- ✓设置从每周到每年的周期,让想法按计划重新出现
- ✓标记完成、终止或推迟项目
"我有几十个博客和社交媒体帖子的想法,但不是所有东西都能成为优先级……我的'Marketing Inbox'让我可以写下它们、标记它们,并且(在相关时)它们会在准备好处理时自动重新出现在我的收件箱中。"—— Glen Allsopp
3. Content Keyword Research — Sam Oh 出品
这个应用以你如果有两周时间和无限耐心的方式进行关键词研究——只不过它只需要 20 分钟。
功能:
- ✓输入一个领域,应用做关键词研究时你可以走开
- ✓拉取经过审查的、按搜索量、KD 和流量潜力排序的集群关键词列表
- ✓为每个关键词做出即时 Go / Maybe / Skip / No 决策
- ✓基于真实编辑竞争对手运行竞争对手差距分析
- ✓将主题可视化为 hub-and-spoke 内链地图
- ✓一键为任何关键词生成完整内容简报
Sam Oh 在 Ahrefs 的关键词工具中花的时间几乎比任何人都多。这是他将自己从领域到审查关键词到集群到简报到文章的工作流程压缩到一个应用中。
4. Monthly Website Performance Report — Ryan Law 出品
这个应用将月末报告仪式变成一个可分享的仪表板,这样你就不用在周一早上的截图中度过了。
- ✓拉取流量、排名和反向链接的环比变化
- ✓查看哪些页面推动了增长(或损失)
- ✓将仪表板链接分享给老板、客户或利益相关者
- ✓按周期重新运行,下个月的报告已经完成一半
月度报告是 SEO 中最不受欢迎的任务。每个人都必须做,几乎没人喜欢做,而接收端的人通常只是略读。将构建压缩为单个仪表板意味着报告更快完成且被更仔细阅读。
5. SERP Sensor — Ryan Law 出品
这个应用在你关心的 SERP 发生变化的那天告诉你,而不是让你三周后发现流量下降时才知道。
- ✓跟踪你关心的域名和关键词的 SERP 波动性
- ✓获取每个跟踪 SERP 的每日波动评分
- ✓查看在任何给定日期哪些关键词波动最大
- ✓添加多个域名以跟踪竞争对手
- ✓捕捉你排名结果上新增或消失的 SERP 功能
大多数 SERP 变化在事后数周才被注意到,此时流量已经暴跌。当你被提醒 SERP 变化的当天,你可以在结果仍然相关时采取行动:调整元描述、刷新文章、检查是否有 AI Overview 侵占了你的关键词。
6. Thumbnail Generator — Sam Oh 出品
这个应用接收一个视频标题并在约一分钟内返回三个缩略图概念;可以直接交给设计师,或者如果你是设计师则用作起点。
- ✓从单个视频标题生成三个不同的缩略图概念
- ✓阅读每个概念的"为什么有效"的理由
- ✓获取底层的图像提示词直接交给设计师
- ✓放入可选的参考照片以保持面部一致性
- ✓多次重新运行直到某个概念打动你
缩略图是 YouTube CTR 的最大杠杆。这个应用消除了空白页面问题——你将这个相当乏味的任务外包给 Agent A,它会在大约打完标题的时间内返回三个不同的选项。
7. Topical Authority Analysis — Ryan Law 出品
这个应用将主题权威这个有些抽象的概念变为你的网站的实际数字。它为给定范围内的每个页面生成向量嵌入,计算所有页面的平均值以找到你网站的中心,然后测量每个页面与该中心之间的余弦距离。
靠近中心的页面是切题的;偏离很远的页面是漂移者。
- ✓嵌入你网站上的每个页面以找到其语义中心
- ✓查看你的内容实际上围绕核心主题聚集得多紧
- ✓查看集群内容的 GSC 和 Ahrefs 流量数据
- ✓发现自然主题集群
- ✓逐页决定是合并、重定向还是重写
偏题内容可以悄悄拖累你网站的其余部分。这个应用使这种权衡变得可见,让你可以做些什么:修剪、合并、重定向或保留。
8. Video SEO Opportunities — Sam Oh 出品
这个应用告诉你哪些 YouTube 视频正在悄悄赢得 Google 搜索,以及哪些关键词在发挥作用。
- ✓扫描任何 YouTube 频道,找到已在 Google 搜索结果中排名的视频
- ✓查看每个排名视频带来流量的前 5 个关键词
- ✓拉取每个关键词的全球搜索量和 KD
- ✓查看每个视频的 52 周流量迷你图以发现增长者 vs 衰退者
- ✓决定哪些视频主题值得加倍投入
大多数创作者只考虑 YouTube 搜索,但每个频道的目录中有一部分也在悄悄赚取 Google 搜索流量——通常是创作者从未有意定位的关键词。这个应用浮现它们并告诉你它们排什么,使你的下次规划会议变得更短。
9. Competitor Feed — Ryan Law 出品
大多数竞争对手监控要么是手动翻阅别人的博客,要么是一个你从不阅读的提醒工具。这个应用是一个你会用的:每天刷新的竞品新文章推送,让你在几分钟内处理而不是堆积。
- ✓从 Ahrefs 的有机搜索建议中构建竞争对手列表,或自己添加域名
- ✓每天自动从竞争对手站点地图导入新文章
- ✓使用热键进行分类:J/K 浏览,S 保存,D 忽略
- ✓保存感兴趣的文章并附上你的角度笔记
- ✓查看你自己的博客上最接近的匹配,知道是否已覆盖该主题
- ✓阅读每个竞争对手的趋势摘要
Ryan 构建它是因为他已经在手动做这件事,并意识到这是那种永远做不完的工作。他想要自动化监控但保留人类决策。应用运行每日扫描并交给你一队激发想法的文章,带有笔记字段让你在角度消失之前记录下来。
给营销人员的建议
任何人都能 vibe code。
使用即插即用应用。这篇文章中的九个 vibe coding 实例已经可以安装和运行,你不需要构建任何东西就能获得价值。连接 Ahrefs,将每个应用指向你的域名,开始使用。
或者构建你自己的。这些实例背后的同一个代理会用简单的英语描述你想要什么来制作定制工具,即使你从未写过一行代码。
从一个真正的烦恼开始。最好的 vibe coding 实例自动化你已经在手动做的事情。内部 SEO 和内容团队,以及管理多个客户的代理机构将从 vibe coding 中获益最多。你照看的网站越多,这些应用对你的复利效应越大。
九款应用一览
| 序号 | 应用名称 | 创建者 | 核心功能 |
|---|---|---|---|
| 1 | Blog Freshness | Ryan Law | 识别流量流失的博客内容,优先安排更新 |
| 2 | Marketing Inbox | Glen Allsopp | 营销创意的"第二大脑" |
| 3 | Content Keyword Research | Sam Oh | 自动化关键词研究全流程 |
| 4 | Monthly Website Performance Report | Ryan Law | 月度 SEO 报告自动化 |
| 5 | SERP Sensor | Ryan Law | SERP 波动每日预警系统 |
| 6 | Thumbnail Generator | Sam Oh | 从视频标题生成 3 个缩略图概念 |
| 7 | Topical Authority Analysis | Ryan Law | 使用向量嵌入测量网站主题权威性 |
| 8 | Video SEO Opportunities | Sam Oh | 识别 YouTube 视频中赢得 Google 搜索流量的关键词 |
| 9 | Competitor Feed | Ryan Law | 每日自动刷新的竞品内容推送工具 |
原文链接:https://ahrefs.com/blog/vibe-coding-examples/
本文为翻译分享,版权归原作者所有。