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 包含:

Vibe Coding 工具对比

工具 水平 最适合
Agent A任何水平描述你想要构建什么,Agent A 规划步骤、编写代码并连接你的项目所需的工具
ChatGPT初学者最容易的起点。用通俗语言描述你的想法,它帮你塑造想法、编写更好的提示
Lovable初学者将描述转化为好看的网页或应用界面,然后直接部署
Replit中级浏览器中的完整编程工作区:构建、运行和部署都在一个标签页完成
Claude Code中级当你想要亲手控制时。读取你的代码仓库,解释计划,一步步进行更改

1. Blog Freshness — Ryan Law 出品

这个应用显示哪些博客正在悄悄流失最多流量,帮助你优先安排可以堵住漏桶的更新。

功能:

例如,我们可以看到 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 分钟

功能:

Sam Oh 在 Ahrefs 的关键词工具中花的时间几乎比任何人都多。这是他将自己从领域到审查关键词到集群到简报到文章的工作流程压缩到一个应用中。

4. Monthly Website Performance Report — Ryan Law 出品

这个应用将月末报告仪式变成一个可分享的仪表板,这样你就不用在周一早上的截图中度过了。

月度报告是 SEO 中最不受欢迎的任务。每个人都必须做,几乎没人喜欢做,而接收端的人通常只是略读。将构建压缩为单个仪表板意味着报告更快完成且被更仔细阅读。

5. SERP Sensor — Ryan Law 出品

这个应用在你关心的 SERP 发生变化的那天告诉你,而不是让你三周后发现流量下降时才知道。

大多数 SERP 变化在事后数周才被注意到,此时流量已经暴跌。当你被提醒 SERP 变化的当天,你可以在结果仍然相关时采取行动:调整元描述、刷新文章、检查是否有 AI Overview 侵占了你的关键词。

6. Thumbnail Generator — Sam Oh 出品

这个应用接收一个视频标题并在约一分钟内返回三个缩略图概念;可以直接交给设计师,或者如果你是设计师则用作起点。

缩略图是 YouTube CTR 的最大杠杆。这个应用消除了空白页面问题——你将这个相当乏味的任务外包给 Agent A,它会在大约打完标题的时间内返回三个不同的选项。

7. Topical Authority Analysis — Ryan Law 出品

这个应用将主题权威这个有些抽象的概念变为你的网站的实际数字。它为给定范围内的每个页面生成向量嵌入,计算所有页面的平均值以找到你网站的中心,然后测量每个页面与该中心之间的余弦距离。

靠近中心的页面是切题的;偏离很远的页面是漂移者。

偏题内容可以悄悄拖累你网站的其余部分。这个应用使这种权衡变得可见,让你可以做些什么:修剪、合并、重定向或保留。

8. Video SEO Opportunities — Sam Oh 出品

这个应用告诉你哪些 YouTube 视频正在悄悄赢得 Google 搜索,以及哪些关键词在发挥作用。

大多数创作者只考虑 YouTube 搜索,但每个频道的目录中有一部分也在悄悄赚取 Google 搜索流量——通常是创作者从未有意定位的关键词。这个应用浮现它们并告诉你它们排什么,使你的下次规划会议变得更短。

9. Competitor Feed — Ryan Law 出品

大多数竞争对手监控要么是手动翻阅别人的博客,要么是一个你从不阅读的提醒工具。这个应用是一个你会用的:每天刷新的竞品新文章推送,让你在几分钟内处理而不是堆积。

Ryan 构建它是因为他已经在手动做这件事,并意识到这是那种永远做不完的工作。他想要自动化监控但保留人类决策。应用运行每日扫描并交给你一队激发想法的文章,带有笔记字段让你在角度消失之前记录下来。

给营销人员的建议

任何人都能 vibe code。

使用即插即用应用。这篇文章中的九个 vibe coding 实例已经可以安装和运行,你不需要构建任何东西就能获得价值。连接 Ahrefs,将每个应用指向你的域名,开始使用。

或者构建你自己的。这些实例背后的同一个代理会用简单的英语描述你想要什么来制作定制工具,即使你从未写过一行代码。

从一个真正的烦恼开始。最好的 vibe coding 实例自动化你已经在手动做的事情。内部 SEO 和内容团队,以及管理多个客户的代理机构将从 vibe coding 中获益最多。你照看的网站越多,这些应用对你的复利效应越大。

九款应用一览

序号 应用名称 创建者 核心功能
1Blog FreshnessRyan Law识别流量流失的博客内容,优先安排更新
2Marketing InboxGlen Allsopp营销创意的"第二大脑"
3Content Keyword ResearchSam Oh自动化关键词研究全流程
4Monthly Website Performance ReportRyan Law月度 SEO 报告自动化
5SERP SensorRyan LawSERP 波动每日预警系统
6Thumbnail GeneratorSam Oh从视频标题生成 3 个缩略图概念
7Topical Authority AnalysisRyan Law使用向量嵌入测量网站主题权威性
8Video SEO OpportunitiesSam Oh识别 YouTube 视频中赢得 Google 搜索流量的关键词
9Competitor FeedRyan Law每日自动刷新的竞品内容推送工具

原文链接:https://ahrefs.com/blog/vibe-coding-examples/

本文为翻译分享,版权归原作者所有。