专栏名称: 码农翻身
工作15年的前IBM架构师分享好玩有趣的编程知识和职场的经验教训, 不容错过。
目录
相关文章推荐
OSC开源社区  ·  在研究了400家公司后,我发现了AI创业的真相 ·  3 天前  
程序猿  ·  因 Bug 被用户薅走 28 万,这款小程序凉了 ·  2 天前  
程序员的那些事  ·  趣图:爱了爱了,这是真·模块化代码 ·  4 天前  
51好读  ›  专栏  ›  码农翻身

我用1小时AI神器,骗过了整个技术团队

码农翻身  · 公众号  · 程序员  · 2025-01-08 09:00

正文

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应用。



点击阅读原文直达BetterYeah 官网,马上就体验。