我们跟美团技术的同学聊了聊“NoCode”的背后,顺手用它搭了个社区……

作者骆轶航
邮箱tluo@pingwest.com

我不是一个“懂代码”的人。

作为一家日益专注AI的科技内容社区的CEO,我的团队与AI 创业者和研究人员进行访谈,发布文章,举办各种各样的AI 论坛、黑客马拉松和workshop;我还在硅谷成立了一个 叫GenAI Assembling的AI 开发者社区,定期举办线下活动和闭门讨论。

我们不仅有读者,还有社区用户,这意味着我们有大量的前端交互页面需要生成——AI 从业者和爱好者需要点击它们,参与我们的活动,进入我们的社区。我还希望想让他们在我们自己的地盘——而不是微信群和Discord上——留下更多的痕迹,比如职业信息、对一些AI趋势和产品的看法,以及参与我们活动的记录。

对,我们是一家有用户增长需求的公司,希望越来越多的人成为AI 开发者——最好是通过我们的社区和平台。这意味着我们要有自己的社区网站,而过去很多年我们太依赖微信群和小程序了,我们现在的技术团队人数非常少,而我想要的又那么多。

我当然知道AI Coding,从微软做Github Copilot就知道;我一年多之前就注册了Cursor的账号,我自认为是一个学习能力还可以的人,但无论Github Copilot 还是Cursor,它们对用户的“默认设置”是:你是一个程序员,我来帮你写代码。我居然已经学会用IDE 代码编辑器了,但还是不怎么会写代码。是的,尽管我好像都能(用AI)看懂AI学术论文了,我都学会在本地部署Github 代码库了,但在如何写代码上,我就是小白。

AI 已经让内容生成变得简单多了,那么代码生成呢?以及,我要的究竟是代码,还是它交付的最终结果?很多事我想自己上手干,拉上产品、设计、前端、后端四路同事跑一个来回我当然会,但我们现在人手很少。我需要写PRD,再找设计出稿,前端接 UI 切图、写 CSS / JS,后端提供接口,最后还要找运维上服务么?迭个代改个UI还得再重新来一遍么?这件事对我来说是拼装航母。我一个内容和社区驱动的公司,要有一个10多人的技术团队帮我干这事么?

最近,随着社区活动变多,我的需求更迫切了。也正是这个时候,美团技术委员会的同学们说,他们希望我能用一下“NoCode”,美团推出的AI Coding工具。

在美团人口中,NoCode 就是 no code 。用这个工具,只要把需求提给 AI,它就能 work,不需要麻烦技术团队,也不需要考虑安装和部署,甚至不需要 coding 背景,就能通过与 AI 的多轮对话,生成小工具、网页前端、产品原型、小程序、小游戏等一系列应用。当然,这些应用看起来没有专业开发者构建的那么复杂,但就是能解决问题。

打开nocode.cn的界面,只有一个对话框。跟搜索引擎,以及你看到的任何一个大语言模型的界面,差不多。

我自认为是一个还不错的prompter,正好我需要搭我的硅谷社区GenAI Assembling的网站,先用它做个前端页面试试,一个landing page,然后部署上传试试。

我输入了以下的prompt,自认为提出了还算具体和有逻辑的需求,

有意思的是,它在对话框里延展了我的需求,给我做了一个plan,细化了我的需求,解释了我想要的视觉风格背后的设计哲学、色彩系统、字体组合和UI规范。我知道,这个工作流程的背后,是一个或多个AI Agent。

<<  滑动查看下一张图片  >>

接下来,我看到一行一行的代码快速地在屏幕上滚动。10秒后,代码停止滚动,页面切换到了NoCode 的LOGO—— 一只脑袋上绑着布条的猫在努力工作,提示“渲染中”,又过了几秒,我的页面上呈现了一个视觉风格跟我的设想匹配度高达85%的前端网页,如下:

<<  滑动查看下一张图片  >>

它可以直接部署,点击一个部署的链接就能发布到云端,自动生成分享链接。当然我的网站数据库还没建立好,现在还没法让它连API 和接 Database。我们有后端和运维的同事能帮我完成这个工作。

可以说,这个体验已经不错了。按着这个流程和逻辑,我一个人在电脑前坐一个小时,可以把前端的所有网页都做出来,再用对话框直接“指挥”编辑优化、加链接。我在读书的时候用微软Frontpage自己建过网站,但我现在用的时间,可能不超过当时的1/50。

我不想轻易使用“颠覆”这种过分的词,但它确实让我对我想要的产品、功能、审美和格局,有了完整的掌控感,以及最重要的效率。官方资料说:NoCode 的大模型和小模型混合架构能让系统在 1 秒写出 200 行代码,这应该是真的。

那么,是时候讲讲它背后的AI Agent “代码搬砖”过程了——这是我完全能理解的,即便我不懂代码。

首先,它基于LongCat 大模型——美团自研的千亿参数模型,针对 Web 前端做了特别优化,HTML / CSS / JS 都可以实现。

其次,它采用了Code Agent 调度系统——能多步骤推理,自动检索文件、分析日志、对接数据库,是一个 24×7 的全栈工程师。

然后,云端一键部署——写完即发 CDN,自动绑定域名、生成分享链接,省掉了运维。

以及,最重要的特征:自然语言即代码——也就是Prompt即代码,否则你以为我在干什么。

值得一提的是,NoCode 背后还隐藏着“垂直小模型”(MoE)军团:有的负责前端UI呈现、有的负责后端接口生成,小模型负责干活,大模型负责用自然语言“服务”我的需求。

整个过程,除了短暂地10秒代码在我眼前滚动过之外,我几乎看不到任何代码,对,整个过程no code。

NoCode,名字有点霸气,我估计这个域名也花了不少钱。那么,“No Code” 是不是AI编程甚至人类软件工程的未来?它是怎么诞生的?它如何看待 AI Agent 的未来?一个零代码、纯自然语言交互的编程工具跟美团的外卖、零售和商户服务有什么关系?

带着这些问题,我也跟美团技术委员会成员、美团基础研发平台工程效率负责人程大同,以及美团基础研发平台智能开发工具负责人俞超聊了聊。这背后确实有不少故事。你可能想不到美团最早探索用AI 编程是在ChatGPT 发布之前,可能也想不到它的背后也就10个人,以及它是一个自下而上“黑客”出来的项目,以及究竟美团内部的AI生成代码比例,已经有多少了。

以下关于是这些问题,以及更多问题的对话编辑,Enjoy。

对话:硅星人CEO 骆轶航

美团技术委员会成员、美团基础研发平台工程效率负责人程大同,

美团基础研发平台智能开发工具负责人俞超

硅星人:美团为什么会在今天推出来一个AI Coding的工具?美团内部怎么看待AI 战略?

程大同:没有为什么一定要做。AI是这个时代最重要的事。首先从第一性原理角度,它是一场技术变革。重要性跟乔布斯发布iPhone 可以类比,甚至大得多,是一场工业革命。其次,美团是一家科技零售公司,肯定要用AI武装自己。第三,美团除了有1-2万的研发和技术人员,我们还有8万非研发人员,接近9万,包括运营、客服、BD等等,还有我们合作伙伴,商家、站长和骑手们,大家也希望用AI 工具解决问题。

AI我们并不是没有干,而是一直在干。并且我们准备把我们积累实践的一些AI成果,也就是我们AI的”三层战略”,AI at work(AI 提升工作效率),AI native product(AI原生产品), 和我们的基座模型,逐步地对外开放。NoCode是我们 at work 的一个产品,只是我们走出的第一步。

NoCode现在的产品定位及策略,就是在不同团队各类角色的协作背景下,用AI简化复杂的研发流程、产品创作等工作。特别是需要等待较长的交付周期的工作,NoCode可以成为大家的Coding技能,简化应用程序的交付流程,加速产品迭代。今天(注:6月10日)正式发布的版本我们已经帮助大家解决了开发、测试、部署、bugfix等流程,在灰测阶段呼声很高的专业 Dev Mode Agen也一起上线了。

硅星人:美团在AI Coding 上有两个产品,NoCode 和CatPaw,这次公开出来的是NoCode。一开始肯定是内部在用,内部员工的主力用户是哪些人?如果是算法工程师或两万名技术和研发人员在用,那意义就不大了。

程大同:内部具体数字不太好透露,但可以讲的是:非技术研发员工的使用者是技术研发的3倍,包括我们的产品经理。AI 编程是一个实践,你如果不用,永远也不知道发生了什么变化。

俞超:这里面有一个反转。刚开始的时候用我们自己AI编程工具的确实是开发的同学为主。但是过了一段时间之后,我们就发现开发和非开发的比例反转了。现在差不多是70-80%我们内部的用户都是非研发同事。

硅星人:这个反转的tipping point(引爆点)是什么?

俞超:应该是内部的一些认知的一些变化,我们先开始做,然后内部开始形成了用AI的氛围。

程大同:有点像social viral (社交引爆)的过程。

硅星人:就是所谓的Vibe Coding(氛围编程),你首先得有这个vibe(氛围)。

程大同:对,Vibe Coding的“vibe”有两层意思,一层是对独立开发者来说的无代码编程方式,还有一层意思就是周边的氛围和趋势。

硅星人:你们通过美团内部的AI Open Day(开放日),放出一些showcase(案例),非研发的一些比较愿意尝试和学习新鲜事物的同学,可能就先开始用AI编程工具做一些他们的运营和BD之类的项目,他们就会成为各自团队里的AI advocate (鼓吹者)。

程大同:我们最开始是从2022年开始,会定期在内部举办AI Hackathon(黑客马拉松),很多人在黑客马拉松上都很疯狂。2024年10月,超哥(注:俞超)团队有几个人跟我说要启动 NoCode 这个项目,起初我还不是特别支持,因为我们当时想聚焦精力做CatPaw,那个编程产品比较复杂和深度一点。过了一个月,到了11月我们发现 AI 编程的趋势已经势不可挡了,就完全改过来做NoCode。

我们开始在NoCode上加资源,但加资源并不是一下就能搞定,因为NoCode 其实是一个AI Agent,大家都在做,好像加个MCP就行了,但这里面实际有很多细节的优化,比如怎么跟架构打通,怎么搭配工具,多个模型怎么协作。我们越做就越感觉产品和技术的迭代趋势很快。

硅星人:所以NoCode是一个2024年11月才启动的项目?

程大同:对,NoCode 是2024年11月开始的。CatPaw 是2022年11月开始的。

俞超:CatPaw 当时对标的是微软的Github Copilot。当时生成式人工智能还没火起来,ChatGPT在那之后很快就发布了,差了几天。

程大同:我们在整个行业里面做AI 编程都是比较早的。第一版做我们用的是外部的商业模型。尽管我们内部也在研发模型,但当时还是在快速地追赶,我们通过用外部商业模型开发自己的AI编程工具,实现螺旋式的提升,跟很多Agent 一样。

说回到NoCode ,从去年11月开始,我们尝试用倒推的方式进行研发,从一个黑客马拉松项目到一个专业的团队。

硅星人:所以它是“自下而上”出来的一个项目,不是老板们说我们要做NoCode,才做的?

程大同: 完全不是的。我们最开始做的人都不多。俞超带的团队五六个人。那段时间特别辛苦,产品越干越好,效果越来越好,然后有很多人就留在了这个团队。其实到现在我们人也不多,差不多10个人。

俞超:最早做Copilot (注:指CatPaw)的时候,一个人搞插件,一个人搞服务端,我自己搞产品和技术,差不多三四个人,每天过进展。

程大同:搞这个事我们都不需要强制加班。大家自己搞到夜里一两点。因为大家看到行业里讲半年90%的代码都是代码写的,都觉得很重要。当然我们在美团内部也观测到了一些数据。

硅星人:美团现在内部有多少代码是AI 写的?

程大同:每周的代码增量差不多有50% 是 AI 写的,NoCode 加上之前的CatPaw。而且NoCode 的代码不是都算进去了。进到代码库的差不多50%是AI 写的了。最开始行业里面说半年内90%的代码都可以用AI写,我觉得不太可能,但正是因为内部我们使用AI编程带来的变化让判断发生了变化。AI 的进展需要你深潜和学习,这很重要。

俞超:我们会去看非常具体的东西,包括论文,开源框架源码,模型的最新特性等等。

程大同:而且你要跟一线干活的同学保持高频的信息。什么是高频信息?比如 AI Agent 里面那些非常tricky(棘手的)技术细节,比方说每一个tool (工具)的开发和使用。

俞超:包括对每一个tool 的定义和描述。我们也会经常探讨哪个模型对AI 编程的function call(功能调用)的友好程度更高一点。包括Claude 3.5 和 Claude 3.7 出来之后我们都会讨论它们的细节。

程大同:这里有很多tricky 的东西,大家都是靠经验走过来的。而且要评测。评测其实都很痛苦。我丢了一些资源进去,天天就盯着那个例子为什么没通过,是我的问题还是模型的问题?是Agent的问题是还是评测环境的问题?一个个的问题,抽丝剥茧。这对我们的同学要求也很高。比如负责评测的同学的能理解Agent 的逻辑,不是测一下就完了。做Agent开发的同学也得懂算法,懂工程、懂数据。所以我们很多职能也没有分得太清楚,前端后端都是一拨人。

俞超:我们前端很多精美的一些页面,都是后端同学写的。

硅星人:前端代码难道不是应该用你们自己的Coding Agent 写么?

俞超:第一版是后端同学写的,后面就是很多都是设计的同学自己用AI 写代码迭代的,一些样式和组件都是我们设计同学自己做的。

硅星人:在聊NoCode的时候,大同老师一直在讲Agent如何如何。就是说我们怎么去看待AI coding产品跟agent的关系? Coding产品本身就是一个Agent,那做NoCode这个产品又如何延伸了你们对Agent的看法?

程大同:我刚才说的,在Agent 概念没火之前,我们其实就已经在做这样的事情了。我记得最开始的时候Langchain 很火对吧?那个时候我们就有同学在用了,那时候Langchain用起来还有很多bug,我们搞了搞发现这个东西也不过如此。后来Cursor出来了,我们也是很早去理解它是怎么做的,第一版的时候经常跑不起来,后来发现它第二版做得很好。

俞超:我们当时觉得它(Cursor)很快就要被微软干了。

程大同:我们后来觉得Cursor 解决的一些问题是深层次的,比如一个Agent,你需要有很好的数据和上下文的支持,这些东西Cursor在干,我们也在干。我们在数据embedding(嵌入)、rerank (排序)、上下文这些方面后来用了专有模型在做。我们不是说一上来就说我们在做Agent。Langchain也是后来才被说成是Agent 框架,这也是后来做Agent 那帮人说的。我们一开始的时候管这个叫plug in (插件)。后来Agent 的概念一下子就火了。

俞超:我们2024年还专门调研过 Agent 的问题。

程大同:对,我当时还拉了一个大群,去年11月。我们当时讨论什么是Agent呢?我们说就是软件工程的AI 应用。因为我们这个部门主要就是处理软件和数据,我们就是给平台提供工具。后来才知道我们一直在做的就是Agent。有些人问我们为什么两年前就在布局Agent?我们也不知道我们在做的就是Agent,只是一直在投入这个事,后来发现比较靠谱。

硅星人:回到NoCode产品本身,现在外界看到的就是一个对话框。用自然语言输入需求,就能跑出来代码和最后的网站和小程序。而Cursor 的界面是一个IDE(整合开发环境),它面向的是有编程基础的人,至少是有代码思维的人,Cursor主要完成一些代码的补齐工作,它对程序员更友善。那NoCode 的初始设置是什么?它对哪些人更友善?

程大同:你说得没错。一开始我们就是让AI写代码,提供前端代码,技术的同学们觉得它很神奇,有科技范,大家比较有直觉。以前我不会这个语言那个语言,但它都能干,换我可能得搞半天。但这只是第一步。第二步,在我们内部有了反转,我们做了一些案例的分享和社区运营,然后稍微做一些推广,非技术的同学一看,我用自然语言就能做一个网站,比如说大学的毕业设计,这玩意儿完全都能干,还比如说有些运营的同学,过去要做一个Excel,拉数据进行分析,

现在数据导进去,NoCode把Excel和图表都给你处理好了,包括一些运营的小工具。

硅星人:运营和BD的同学用NoCode未必是要编程,可能是为了做一些代码驱动的可视化内容。

程大同:可视化,数据分析,还可以提交产品原型。本质上它是一个垂直的Agent。通过工具、prompt,通过自然语言而不是code 解决问题。对用户来讲,它首先就是一个conversation (对话)。我们更聚焦在不懂代码的“小白”用户,做一些产品原型或提效的小工具。

硅星人:它的目标用户是非程序员,比如产品经理和运营。它把AI写代码的动作隐藏在里面,对用户只交付一个结果,是这样吧?

程大同:对,比如我们经常举的一个例子是个人所得税计算,你搜一下很多测算个税的小程序,都要收钱。现在你完全可以用NoCode生成一个计算个税的页面。

俞超:对一些小企业来讲,有一些在内部(技术团队)永远都排不上期的需求,现在都可以(用AI编程)解决。

硅星人:NoCode现在背后的模型是什么?是自己的基座模型么?

程大同:对,首先它基于的是我们自研的基座模型。然后我们基于编程进行了一些强化训练。其实你看Claude 也在编程需求上进行了强化,还有GPT-4.1也是。包括Gemini 2.5,它是在后端上做了一些强化,4月底的版本又融合了一些前端最新的版本。我们也一样,有自己的基座模型,然后在软件工程和前端上做了一些强化。

硅星人:所以现在都是免费的?也不用邀请码。

程大同:不会收费,也没有邀请码,我们内部明确说了不用邀请码。

俞超:如果真的不够用了,可以来找我们,把诉求提出来,如果真的是我们特别想要的那类用户,我们再给提高一些额度。

硅星人:听上去你们对这款产品也没有一个很高的预期啊?

俞超:我们有一些限额,初始登录是100次,然后每天登录会有新的10次对话机会。

程大同:我们留了一个联系方式,如果有更多的需求可以申请。我们不仅仅提供的是算力,还有云计算的支持,这些都是免费。我们希望制造参与感,大家都参与起来,用AI编程。

硅星人:所以现在,谈NoCode与美团核心业务的关系,是不是还为时过早?

程大同:它是一个业务驱动的应用,未来AI变得非常通用的时候,随着大家认知的迭代,所有人都可以用起来,比如在灰测阶段,我们看到有人用它做了点餐系统,也有用户在搞养殖场监看系统、信号灯优化系统等,千奇百怪但非常有意思。当然,美团过往帮商家做了很多IT基础设施的建设工作,比如整个外卖的软硬件套件,现在用NoCode创造的工具,也可以解决一些类似诉求,简单直接地为大家创造价值。

俞超:个性化的、非通用的商家诉求,他自己就可以干了,然后一键部署。

程大同:其实在内部,现在我们的骑手站长们也用的挺多的,开发一个工具,用来管理。还比如区域的商家门户。比如我是一个川渝地区的商家,要做一个门户,你自己用AI 做一个,然后部署到互联网上。我们是一个技术团队,但我们也与商家打交道,去全国各地,把这项技术推广普惠推广给他们。

我们做AI不是为了对标Cursor 这样的美国AI编程工具。一个是关注行业的最前沿的趋势和动态的变化,另一个是务实,看用户规模和用户反馈,关注bad case (不成功案例),我们内部会回放所有的bad case,你的query(诉求)是什么?对话是什么?我们自己试一下结果是什么样?它背后的逻辑是什么?只有务实地把bad case一个一个搞掉,系统才能更强大,用户也觉得可信一点。搭起来一个工具很容易,但里面的细节太复杂了。

硅星人:所以就是一边解决问题一边往前推着走。

程大同:我觉得我们最多看到未来1-3个月会发生什么。去年我们起初是打算做Copilot(辅助编程)模式,全年做到全自研,结果半年就干完了。然后Agent 这个形态就火起来了。我就觉得我们的事不能按年规划,半年都看不太清楚了。因为外部变化太快了,我们就按照1-3个月的节奏,补齐能力,做一些微创新,然后再挑战未来的方向。

硅星人:那未来1-3个月你们能看到哪些有意思的趋势?

程大同:用户的(用AI编程)意识会提升,Agent 更加智能,模型的性能的变化,以及要把Agent 的用户体验做得更极致。比如说我们的logo和界面,一开始我想的是应该用dark 模式,写代码的需要嘛。但后来我想法就迭代了,你面对代码小白用户,logo也要设计得可爱一点,接地气一点,像Lovable(海外 coding 产品)的爱心logo就挺好。

硅星人:所以现在NoCode 的logo是一只猫。

程大同:这些都是细节。

硅星人:能不能和我们讲讲 NoCode 未来 1 ~ 3 个月具体还会做哪些事?

俞超:产品层面,包括 UI/UX 升级,协同编辑,以及更好地集成数据存储和后端的能力;Agent 应用层面,我们会优化 Agent 核心流程及对话流架构,增强离线评测和在线 A/B 能力,提升渲染成功率等指标,扩大 Apply 模型和更为强大的 CatPaw Agent 灰度,同时探索更加自动化的 Remote Agent 能力;基础设施层面,构建更加高效的渲染容器调度系统,比如极速调度容器,安装环境依赖,数据存储等。我们希望通过技术的极致优化提升产品体验,把简单留给用户。

硅星人:最后一个问题,NoCode的使命是什么?

程大同:我们有一个Slogan,叫“一句话,呈所想”,现在放在网站上了。我们其实没有想过太多虚的东西。包括这次,我们是在4月30日才决定要把NoCode开放测试。5月5日回来上班,两周时间,设计猫的logo,接入域名进行灰测,把对话框那句提示词改成动态的,都是产品细节上的用心。

俞超:每个人都能够不受限于编程语言,不受限于技术能力和开发环境,让创作更加自由。

程大同:我一直没想过我们的终点在哪里,我们的上限一直能突破。

点个爱心,再走

(文:硅星人Pro)

发表评论

×

下载每时AI手机APP

 

和大家一起交流AI最新资讯!

立即前往