Midjourney操作界面

AI自己当CEO,开发一个精美网站仅需9分钟

4.8
0热度

很多同学可能都熟悉得到这家公司的创业历史。当年罗胖和脱不花想在微信上卖书,但很快发现还得搭一个网站。对他们俩来说,虽然很清楚自己想做什么,但因为不是做产品和技术出身的,所以完全不知道该怎么下手。也正是因为这个看起来挺棘手的问题,我在10多年前跟他们一起开始了创业。不过,作为一个产品经理出身的人来说,很多事情也必须依赖专业人士的配合,例如前端工程师、后端工程师、测试、设计师、客户端工程师等等。


很多同学可能都熟悉得到这家公司的创业历史。当年罗胖和脱不花想在微信上卖书,但很快发现还得搭一个网站。对他们俩来说,虽然很清楚自己想做什么,但因为不是做产品和技术出身的,所以完全不知道该怎么下手。也正是因为这个看起来挺棘手的问题,我在10多年前跟他们一起开始了创业。

不过,作为一个产品经理出身的人来说,很多事情也必须依赖专业人士的配合,例如前端工程师、后端工程师、测试、设计师、客户端工程师等等。那段时间,我几乎每天都在到处找人、托朋友介绍人才。作为一家刚起步的创业公司,想要招到合适的人,组建起一个链条完整的产研团队,是一件非常难的事情。

今天之所以会提到十年前的那些经历,是因为我最近试用了一个新的AI产品,叫HeyBoss。如果用一句话概括它带给我的惊讶感受,那就是,这个产品取代的正是当年创业的我。

换句话说,如果在当时就有HeyBoss这款产品,像罗胖或者脱不花这么会沟通的人,只需要跟这个AI描述一下自己想要什么样的网站,点几下鼠标,9分钟后,一个能卖书的网站就能上线了。

01

 HeyBoss AI:一句话自动开发好一个网站 


这到底是个什么样的产品?其实,HeyBoss打造的是一个AI CEO的角色。这个AI非常人格化,而且我第一次看到它的时候,还觉得它长得有点像年轻时候的张惠妹。它还有自己的名字,叫Astra。

作为用户,你只需要告诉Astra你想做一个什么样的任务就行了。现在它支持四种任务类型:网站、应用、游戏和产品原型。输入需求之后,它会一步步帮你生成。更有意思的是,在任务输入框下面,还有一个很贴心的小按钮,叫“参考设计”。这一下我就想起程序员经常对我们产品经理说的那句话:“你说吧,要我抄哪个产品?”


当你完整描述完自己想要做什么之后,接下来就是“见证奇迹”的时刻了。Astra这个AI CEO就开始召唤自己的AI团队,里面有AI 设计师,有AI前端工程师,有AI后端工程师,也有AI内容运营,甚至还有帮你做搜索引擎优化的AI SEO 工程师,不仅帮你把网站做好,还能让它更容易被人搜索到、更多人看到。


更有创意的是,HeyBoss把这9分钟的构建过程全都可视化展示出来了,而不是像传统AI那样藏在一个冷冰冰的黑匣子里。你可以亲眼看到这些AI专家是怎么讨论项目的,怎么拆解任务,然后各自领走自己的工作去完成。说实话,这整个过程就像是一个高效的人类产研团队在协作。


举个例子,我测试的那个项目快要完成的时候,AI设计师突然跳出来说:“某某页面我之前用了纯文字展示,我觉得换成图标能让用户更快识别功能,我想优化一下这个设计。”结果AI前端工程师立马回应:“你这个想法太棒了,确实能提升用户体验,咱们开始干吧。”

想想看,设计师主动给自己加需求,而整个研发链条上的其他人,都被动地增加了工作量,但是整个沟通氛围还是依然积极向上,热情满满。这种场景要是放在人类的研发团队里,也不是没发生过,但多半就会有人说:“你早干嘛去了?我代码都写完了。”或者是:“要不这功能咱下个版本再改吧?”

当然,AI团队之间的互动再融洽,最终我们还是要看结果。而这,正是我觉得HeyBoss真正有突破的地方。像Cursor、bolt.new,或者字节刚推出的Trae这些AI编码工具,确实已经能完成非常多之前需要程序员才能做的事情,但它们都有一个前提——你至少得懂点开发基础,能看懂代码,知道哪里出了问题,清楚自己想实现什么。

可对那些只是想搭个网站、但又完全没写过代码的普通用户来说,这个门槛还是太高了。而HeyBoss的厉害之处就在于,它几乎把这些门槛全都拆掉了。

HeyBoss是怎么工作的呢?我特意从一个完全不懂网站建设的用户角度出发,尝试搭建了一个在线卖书的网站。我把这个网站的截图放在下面,大家可以看一下——这就是我花了20分钟做出来的效果:


02

 让我印象深刻的3个使用细节 


细节1.虽然你没说,但我知道你需要什么


HeyBoss每完成一次大的操作,都会主动给用户推三个建议的后续动作。比如我这个项目的最初指令就是:“我是一家中文书店,主要卖各种非虚构图书,请帮我做一个真正阅读者会喜欢的在线书店。”

说实话,你一看就能感觉到,这个指令其实挺业余的,连书店叫什么名字都没写,对颜色、功能也完全没提,而且像“非虚构图书”“阅读者会喜欢”这种描述,对于建一个网站来说,说白了就是一堆模糊、不具备操作性的词。

但其实,这种模糊的表达方式,恰恰就是很多真正需要做网站的普通用户会说出来的“真实需求”。我之前有个企业家朋友找我,他说:“刀哥,能不能帮我介绍个外包技术团队,我想做个网站。”我问他想做成什么样,他说:“跟淘宝差不多就行。”

听到这个需求,很多做产品或技术的人可能会觉得很离谱——毕竟做出淘宝的平台,背后是上万人的团队,各种细节功能加起来可能得有几十万个。但作为非技术出身的创业者,我完全理解他这句话背后的意思:他只是想要一个能上架商品、能把链接发出去、用户能下单付款、他自己能收到钱的“最基本的电商网站”。

所以 HeyBoss给我生成的第一个在线书店,起了一个挺有古风的名字,叫“阅来书坊”,网站的背景也是一个满满当当书架的剪影,看上去很有氛围。

更实用的是,在这个页面生成之后,AI助手立刻给了我三个建议选项:一个是“是否需要加入购物车功能”,一个是“是否需要添加用户登录和个人书架”,还有一个是“是否要增加书籍评分和用户评论功能”。

我一看,这三个功能确实都是我想要的,就直接点了三下,全加上了。这个过程最打动我的地方就是——AI 真像一个超级懂产品的专家,它能你想到那些你本来就该做、但你自己根本没意识到的需求。

细节2.并不是所有需求,都要通过与AI聊天完成

因为现在的AI,思考和推理能力很强,所以很多AI类产品,基本都把“对话”作为了唯一的交互方式。当然,像跟AI助手说一段话,它就帮你把整件事自动做完,这种“全自动执行”的模式,我相信在未来肯定会成为主流。

不过在目前这个阶段,还是有很多确定性很强的功能,其实用手动操作的方式会更高效、更直接。不是所有事情都非得通过一段对话来触发才行。

我还是拿书店网站这个案例来举例。在HeyBoss的界面左侧,有一排很实用的快捷入口,比如“设计”这个选项里,就内置了很多网站的配色模板。你可以直接一键切换网站的主题和颜色,只要你觉得哪个模板好看,点一下就能立刻全站换风格。

相比之下,如果你非得和AI助手聊一聊“换个颜色”,那过程就会变得特别不确定——到底换成什么颜色?改哪些区域?结果可能还不如你自己直接点个按钮来得快、来得好。

另外,HeyBoss还把很多网站上常见的模块做成了现成的插件,比如插入一条长视频,或者一排用户证言的短视频,都是提前设计好的,直接选了就能用。

而且整个网站还有一个编辑模式,页面上的文案、图片这些内容,你都可以不用通过AI,自己点进去就能改,甚至比改个 PPT 还要简单。说实话,这种操作方式对我这种当年做过网络编辑的人来说,真的是太亲切、太熟悉了。

细节3.拿到可用的结果,比过程炫酷重要得多

70多年前,美国加州大学的橄榄球传奇教练桑德斯说过一句名言:“赢球不是一切,而是唯一”。这句话在体育圈里经常被引用,意思是只要能赢,只要能达到目标,过程是否完美不那么重要。但如果最终输了,过程再精彩也无人在意。

回到我做书店网站的这个案例,你会发现HeyBoss真正在追求的是“这个网站能不能用起来”,而不是做个花架子看看就好。比如,在搭建过程中你可以加入数据库功能,听起来“数据库”这个词挺专业的,但点进去一看,其实就跟Excel差不多,就是一个表格。

比如你有200本书,可以先在Excel里把商品列表整理好,然后直接导入系统,后续也能随时导出。不仅能查库存、查订单,还能当作后台管理的基础。

说实话,这种“半自动”的方式,对刚起步的创业团队来说真的非常实用。像罗辑思维最早在微信上卖书的时候,就是每天把用户的订单收集起来,然后手动处理、人工发货。虽然这个流程肯定比不上现在的全自动系统高效,但胜在成本低、上手快。

03

 从AI辅助开发到AI自主开发


说完使用细节,再简单介绍一下HeyBoss背后的团队。这款产品的创始人,就是AI儿童教育产品Heeyo的创始人的曲晓音。我在之前的文章里介绍过Heeyo,这款产品主打的是AI跟孩子一起创造很多互动故事,另外有想象力的孩子还可以在AI的帮助下,自己完成一些有趣的小游戏。当时Heeyo还获得了OpenAI的投资。

在体验完HeyBoss之后,我也在微信上问了创始人曲晓音几个问题。

第一个问题就是:为什么你们最初是做儿童教育产品的,现在却切入到了AI工具市场?

她的回答是这样的:“HeyBoss里的这个AI Agent,Astra,其实在我们做儿童教育产品Heeyo的时候就已经有了。最早它是用来帮孩子们想小游戏点子的,后来我们一点点给它加能力,也让它自己学习。慢慢地,它不光能给出点子了,还能自己写游戏代码了。后来我们发现,写游戏其实比写 App 或网站复杂得多,如果游戏能写好,那做App和网站就更没问题了。

而且我们也调研了市场,发现给创业者做网站和应用的需求,可能是儿童游戏市场的 100 倍。所以我们就把这个Agen单独拎出来,做成了今天的HeyBoss AI。”

这个回答其实解决了我非常大的疑问,现在有不少AI工具上手门槛都挺高,原因之一就是创始人往往会带着一种“知识诅咒”在设计产品——他们觉得自己懂的东西,别人也应该懂。但HeyBoss不一样,它最初是为了帮孩子做小游戏而设计的,而孩子通常只知道“我想要一个什么样的游戏”,根本不懂什么技术原理。正因为这个出发点,它才更自然地发展出一种对“小白用户”友好的使用方式。

我接着又问她:在做HeyBoss的过程中,有没有哪些功能一开始是AI很难搞定的,但最后你们还是一点点把它攻克了?

晓音的回答有点出乎我的意料,她没有先说技术难题,而是说:“最开始,最难的是AI的‘品味问题’。这些AI智能体确实可以写出一个完整的网站,但成品往往不好看、不惊艳,看起来就像是一个模子里刻出来的。”

她说,后来他们意识到,想做网站的用户,其实对视觉呈现是有明确预期的。比如做婚纱店网站和做幼儿园网站的用户,虽然行业不同,但背后其实是有着一些类似的洞察和审美的。所以后来他们给AI加了一个步骤:在接到任务后,先去调研相关行业的知识和网站风格,这样每个项目生成的内容既能符合行业经验,又能做出足够的个性化。

第二个难点则是用户输入的问题。原本他们以为,用户可以直接写出清晰的指令词。但实际情况是,大多数用户根本不会写,也不知道该怎么表达需求。所以他们在过程中逐步调整,目标是让AI能够“听懂”一句很简单的提示,就能生成一个完整的产品。然后用户只需要基于这个初稿让AI去做修改就行了。这也意味着,HeyBoss的使用逻辑,从一开始的“AI辅助开发”,逐渐进化成了“AI自主开发”。

当聊到这个产品的核心目标用户时,她说希望服务的是所有普通人,不需要懂技术,也不需要写代码,更不需要懂提示词,只说一句话,让AI去执行你的想法就可以了。

体验完之后,我觉得有两类用户特别适合尝试一下这个产品。第一类是想低成本做一个个人或者团队展示网站的用户,尤其是那些需要多语言支持的产品官网,而不需要太多复杂功能的情况。当然,如果你愿意深入研究,完全可以在这个基础上做更多定制,比如关联收款账户、绑定自己的域名等等。

第二类是对AI产品有好奇心的人。其实HeyBoss自己的官网也是由AI做的,所以大家完全可以先去看看别人的案例,再试着自己创建一个项目,看看AI员工们是如何接到任务后,通过讨论和分工,有条不紊地完成一个网站的。在这个过程中,你可能会发现有些任务AI完全能搞定,但也会有些需求是AI做不到的。这样,你就能清晰地知道现在AI的能力边界在哪里。

最后必须要说一下,这类AI产品一定是付费模式的,因为它所替代的,正是过去那些中小企业或者个人,在花了几万块钱之后,仍然找不到专业开发团队来帮忙做网站的情况。而现在,无论是时间成本还是金钱成本,可能都已经降低到了以前的几千分之一。

不过,因为HeyBoss的创始人曲晓音也是得到AI学习圈的老同学,她给了我一个专属邀请码。所以,同学们可以通过这个邀请码,免费体验每个账号创建一次项目的机会。我把HeyBoss的网址和邀请码的使用方式附在文末了,欢迎大家体验并分享使用心得。

你可以试着做个网站出来,或许你创业的第一步就从这里开始,命运的齿轮也许会就此转动。


HeyBoss使用tips:

1. 打开官网 https://heybossai.com/
2.在首屏,找到“我有邀请码”,进入注册流程
3.用邮箱或者 Google 账户注册并登陆
4.输入邀请码 KWBHTK
开始新建项目,祝你成功。



热点阅读


专访Answer.AI创始人周立:AI时代,学什么在未来是有用的?

<svg style="float:left;line-height:0;width:0;vertical-align:top;" viewbox="0 0 1 1"></svg>

AI给的答案总出错?你需要一个优质知识库

<svg style="float:left;line-height:0;width:0;vertical-align:top;" viewbox="0 0 1 1"></svg>

今年一季度好用的AI工具,我选出了这6个

<svg style="float:left;line-height:0;width:0;vertical-align:top;" viewbox="0 0 1 1"></svg>

试完GPT-4o画图,我第一次觉得人类设计师有点危险了

<svg style="float:left;line-height:0;width:0;vertical-align:top;" viewbox="0 0 1 1"></svg>

DeepSeek沟通的十大最直白原则" data-itemshowtype="0" target="_blank" linktype="text" data-linktype="2">与DeepSeek沟通的十大最直白原则

<svg style="float:left;line-height:0;width:0;vertical-align:top;" viewbox="0 0 1 1"></svg>

敬爱的读者朋友,即使您关注了我们,可能也常常无法收到推送,记得点击 “快刀青衣”名片,设为星标,每次文章更新,都会自动推送!


立即下载

相似工具

评论列表 共有 0 条评论

暂无评论
发表
评论
顶部