2024年，身边不管是大厂的还是创业者都感觉到前所未有的寒冷。一个正处于当打之年大厂程序员在公司降本增效后，空窗3个月，简历的项目面试时被质疑“日常开发需求，没有业务思考”；一个创业的博士朋友尝试了三个项目都没赚到钱，坦言“以前创业只要用代码实现软件，现在开发门槛太低，创业者都是为巨头试错”。
困境里也有很多机会。一行代码都没有写的花生用Cursor开发了“小猫补光灯”登上app store付费榜第一，所有开发者都应该警醒：产品的核心不是开发门槛，好洞察+好工具才是关键。
前几天我用Cursor和BetterYeah AI Agent平台，1个小时0代码搭建了“全球最火AI工具集”，不禁感叹：好的AI工具已经完全可以替代人了。AI工具省下来的时间可以提高认知和洞察能力。0基础小白，一行代码没写就水灵灵地做了个产品的感觉真是太奇妙了。下面的操作步骤，看完你肯定也能马上上手。
第0步，产品设计
功能规划：这个工具集网站每日自动抓取Producthunt上全球最火的AI工具，同时也有AI搜索能力，用户可根据关键词推荐对应的AI应用。这是成品导航工具地址，可以点击查看 https://ai-nav-six.vercel.app/ (提示：请科学上网查看)
在设计这个网站时，规划了3个页面：
首页：展示所有AI工具列表
AI工具详情页：每个AI工具的产品介绍
AI搜索结果页：首页输入框是个 ai搜索，可以问任何问题，例如推荐 ai 工具、分析和总结 ai 工具优劣势等
工具产品会用到两个：
Cursor：最近大火的AI编程工具，基于VSCode，0代码就可以自动生成代码，只要提出明确需求，AI就可以快速帮你生成代码。有免费使用天数，小某书上也有续杯教程。
BetterYeah：国内的一个很专业的AI Agent平台，稳定性高，自研的RAG技术和知识库的处理能力和自动解析功能很智能，我在用了之后非常喜欢，秒杀了不少平台。主要用BetterYeah AI搭建agent、flow、数据库、知识库，实现导航站所需数据的抓取、处理、查询、展示及AI搜索功能。页面的数据通过AI从Producthunt抓取，在页面by日更新，底层对接LLM，能实现页面上的AI搜索能力。平台支持开放接口，可用性很强，这点开发们也都懂的。国内做agent平台的公司不多，BetterYeah是做的比较早的，我很早就开始关注，比如自动分段、编辑模式等很多细节打磨的很好，能看出来对用户有很深刻的洞察，这里做个推荐。
有了这两个产品的配合，就可以实现页面的开发和页面所需数据和功能了。
第一步、前端页面代码生成
1、在Cursor编辑器中创建一个next.js项目，定义网站开发的PRD文档，描述需求和期望的效果。
如：网站需要包含3个页面，首页、产品详情页、AI搜索结果的页面，页面的样式，以及用到哪些数据
2、让Cusor根据PRD文档生成前端代码，代码就这么水灵灵的写好了。
不满意的地方可以再和Cursor对话，修改。满意之后，点击「Accept all」
第二步、数据抓取与处理
1、在Producthunt创建三方应用，拿到API auth，获取当天发布的新应用数据
2、在BetterYeah平台注册账号，点击创建flow，用于处理从Producthunt获取的数据。再通过画布方式创建整个数据处理逻辑：拉数据，让LLM进行处理数据，让数据按固定格式输出
3、在BetterYeah创建数据库，创建AI工具表，存储Producthunt获取的数据，用于展示首页渲染的数据，把LLM处理后的数据插入进AI工具表中
4、在BetterYeah创建知识库，创建json格式文档，在flow中把插入数据库的LLM处理后数据也插入知识库中
数据库中就存储了当天Producthunt新产品的数据，知识库中还对这些数据做了向量化处理
5、设置flow的运行方式为定时运行，设置每天下午四点半抓取Producthunt中最新的数据，完成持续更新机制设置
第三步、页面数据查询与展示
1、在BetterYeah新建flow，创建数据库节点，编写简单的查询SQL，查询的数据用于首页和详情页的展示，发布flow，用API的方式把数据传给导航站的数据源。
这里就不得不提一句BetterYeah的平台集成性，在这里建的flow、agent的都有对应的开放 API，方便集成到各个应用和系统，另外还支持SDK、微信公众号、企微、钉钉、飞书等集成方式，开发同学都懂这点有多重要。
2、把BetterYeah里flow的请求Curl示例和返回示例给到Cursor，让Cursor自动对接API，把flow中的数据传给导航站
3、刷新导航站，查看首页和详情页的数据，渲染成功
很多导航站的搜索功能都是根据关键字模糊匹配，并不能搜索到想要的东西，因此我们增加了语义化的AI搜索能力，还是借助BetterYeah搭建AI搜索Agent，具体实现步骤如下：
第四步、构建AI搜索功能
1、在BetterYeah上创建“AI搜索agent”，并且编写AI搜索功能的prompt，在agent中创建搜索flow用于搜索功能
2、这个flow用于接收用户输入的问题，再去知识库中查询，如果在知识库未查询到相关内容，则启用bing搜索，确保用户搜索有结果输出；如果知识库中有数据，会拿到RawId，然后根据ID去数据库精确查询对应的AI工具
3、在agent中将flow设置为强制调用，确保用户问任何问题都会调用搜索flow
4、发布AI搜索agent，把发送会话信息的请求和响应示例给到Cursor，让Cursor完成AI搜索功能的对接
5、在页面中，输入AI工具相关的问题，查看搜索效果，并且还能根据搜索关键词进行相关问题的推荐
第五步、分配域名发布上线
在 github 上创建一个私有仓库，把代码上传到github，注册vercel，和github中的项目关联，自动部署和分配域名发布上线
如果已经有编程基础其实整个操作用不了1个小时。一顿试下来不禁感叹，现在的AI工具真的猛如虎，要放在早几年前，替代开发者这件事是真的也不是很敢想的。AI技术的车轮在不断往前性，我们都应该尽快登上这列车。
从BetterYeah那里也了解到他们最近有新手注册福利，应薅尽薅。
羊毛1：注册就送1000Yeah积分，平台免费使用14天，市面上的主流模型和产品的全功能都可以无限制畅享，国内的模型就不说了，各种高级模型也都能用，太香了！单独如果需要开发一款AI 应用，比如投资助手、小红书爆款分析、AI客服等等，直接使用BetterYeah就能办到，比较强的是知识库、flow、插件能力，支持开放接口，集成性很赞。
羊毛2：注册后扫下面的二维码加BetterYeah微信客服，免费领取教程中从Producthunt社区抓取的AI工具数据包，你的第一个AI工具导航站这不就信手拈来了么。赶快用PC端打开www.betteryeah.com，体验做一个AI应用。
热门跟贴