从提示到产品：AI驱动的Web应用程序构建器的兴起|安德烈·霍洛维茨（Andreessen Horowitz）
作者：Justine Moore, Yoko Li, Gabriel Vasquez, Marco Mascorro, Bryan Kim
在过去的几个月中，成千上万的建筑商使用螺栓，可爱和V0等工具创建了网站和网络应用程序。在X，Reddit和YouTube上共享的结果似乎无非是魔术：人们正在建立交互式，动态产品，甚至在不编码的情况下产生收入。
仅通过与机器人聊天来创建功能性产品的能力引起了技术和非技术用户的关注，从而导致了该领域的初创企业的令人印象深刻的增长。基于公开发布的指标Bolt缩放到一笔2000万美元的收入运行率，而可爱成长为每家公司开始货币化仅两个月后，$ 1000万美元。
有一个新的，基于LLM的应用程序堆栈出现。在网站生成解决方案之前，如果您询问技术人员的堆栈是什么？他们的答案将是图书馆的清单。但是，通过文本创建的这种新形式的App创建形式引入了新的抽象水平。代替图书馆，代码通常会涉及基于像素的设计生成，图像生成，站点生成和托管工具的用户。与开发人员的SDK和框架相比，这个快速增长的用户的新抽象是像素和自然语言。
建筑商使用哪些产品使用AI制作网站和网络应用程序？什么是主要用例，他们吸引了哪些类型的用户？下面，我们深入研究这些产品的工作原理，它们的技术限制以及哪些功能即将到来。
当前用于文本到WEB应用程序和网站发电机的景观
注意：t他的市场图仅限于专注于将文本变成网络应用或网站的公司。基于IDE的代码生成和编辑，设计迭代的辅助产品范围更广泛，我们将在下面涉及。
这里有两个核心产品区别：
- 静态网站与应用程序生成：我们将静态网站定义为主要旨在传达信息并具有基本互动性的网站（例如，提交联系表或预订约会）。应用程序更动态 - 用户可以执行更复杂的操作。静态网站更容易生成，并且可以基于模板。动态应用程序更有状态。这种类型的应用程序需要第三方工具，例如数据库和身份验证系统，以支持CRM，表单提交和用户登录等用例。考虑一下小型实体企业网站之间的区别（您可能能够查看信息并安排咨询）和YouTube这样的Web应用程序（您可以喜欢，评论甚至上传您自己的内容）。
- 启用代码导出：生成Web应用程序的所有产品以及一些制作网站的产品都在创建代码。但是，有些使您可以将此代码导出以在另一个应用程序中进行编辑，而另一些代码则不曝光代码，而是要求您部署：（1）通过其平台；或（2）通过集成伙伴。对于开发人员，下载，查看和编辑代码的能力很重要。他们在文本到WEB应用程序构建器中生成的大多数运输产品，而无需在IDE中进行构建或编辑。对于非技术用户，导出代码的能力可能不太重要。
文本到WEB应用程序如何运作？
使用LLMS生成网站涉及许多元素。此类别中的大多数产品都遵循类似（高度简化）的建筑图：
LLM以UI的用户输入生成代码示例的核心。然后，该生成通过中间件逻辑运行，该逻辑跟踪文件，代码更改和第三方API调用。这通常是一个长期运行的系统过程。创新被作为堆栈的一部分采用。
该系统最关键的部分之一是第三方组件调用。像人类开发人员一样，编码代理需要利用现有的包装库来发送电子邮件，将状态数据存储在数据库中，缓存数据或添加身份验证组件。但是，与人类指的是发现新组件的文档不同，编码代理是指llms.txt发现使用工具的方法。
这些产品为什么现在起飞？
经过大量高质量编码和推理数据训练的模型使生成可执行的代码成为可能。鉴于它们在Web开发中的广泛使用，JavaScript和Typescript主导了公开可用的应用程序代码的分布。结果，模型特别有能力为网络生成应用程序代码。
Web框架的成熟度也使代理商可以更快地创建新元素。浏览器运行时间是现场生成产品的自然轻量级环境，而不是需要在服务之间进行更多计算和州管理的重型分布式应用程序。在过去的几年中，应用程序的业务逻辑也移至客户端，使运行所有内容在浏览器中变得更加容易。”
结果，渲染和测试生成的应用程序变得更加容易。例如，可以实时生成Vite + React应用程序并将其显示给最终用户。在许多方面，站点生成器已经演变成动态，不确定的脚手架，这些脚手架始终如一地带来意外但有用的结果，从而帮助用户更接近他们所需的应用程序。
最后，来自像重新发出，，，，文员，，，，supabase，，，，升级现在支持长时间的整合需求。当要求LLM生成身份验证系统或从头开始的电子邮件示意API时，错误率很高。但是，如果我们将任务重新构架为选择和集成了现有库，而不是从头开始构建所有内容，那么解决方案就会变得更快，更可靠。
用户如何决定使用哪些工具？
我们介绍了数千篇有关文本到WEB应用程序工具的帖子，并与数十个客户进行了交谈，从高度技术开发人员到日常消费者。
我们制作了一个简单的流程图，以说明我们发现的发现，从用户希望开始的问题开始。
如果您是一个想从代码开始的技术用户，则可能只需使用光标或Windsurf等AI驱动的代码生成和编辑工具即可。但是，如果您想从文本提示开始，则可能会探索另一组网站或Web应用程序生成的工具。
值得一提的是，该图表包括我们深入探索的一类产品：设计优先的UI发电机。诸如Bolt and lodable之类的工具使您能够使用迭代文本提示编辑设计，但不能实现诸如Relume或Uizard之类的良好的控制（直到移动元素）。
最后，许多技术用户最终将这些产品结合起来。它们可能首先从可爱之类的产品中生成基本的Web应用程序，将代码导出到光标，然后添加更面向设计的工具的组件，例如21日。或者，它们可能从魔术图案等设计产品开始，然后将代码移至诸如螺栓之类的工具（示例）这里）。一个
他们工作吗？
对于由于缺乏编码技能而在从未在之前部署应用程序的用户，这些产品可能会感觉像魔术。技术用户会欣赏能够快速入门的能力，并将开发时间简化为一些简单的提示。”
看到人们唱歌这些产品的赞美并不罕见：
但是，他们今天可以可靠地产生的局限性 - 与了解基础知识但很容易陷入困境的初级开发人员的工作相媲美，尤其是随着项目变得越来越肉或复杂。
简单的内容，例如上传图片的网站顶部可能会很好地工作，或者可能会触发一系列错误，使您需要45分钟进行调试。这些产品的伟大是您可以指出错误并要求生成修复程序，但是可能需要一段时间并需要多种方法！
为什么要为创建现场代理商进行努力调试？首先，找到合适的调试代码是一个推理和搜索问题：如何找到合适的业务逻辑段需要代理实现来找到正确的文件 /代码行进行调试。这并不总是确定性地发生，尤其是当长上下文通过模型充分加载时。
调试困难的另一个原因是代码具有深厚的依赖性。系统的一部分的变化可能会在多个层之间无法预测，并且当这些依赖性引入异步执行，种族条件或其他副作用时，调试（尤其是对于LLM代理）变得更加困难。
通常出现的一些问题：
- 集成很困难。特别是对于非技术用户，添加数据库，身份验证和付款等元素可能会引起重大问题。从在另一个服务上设置帐户（例如条纹，supabase），到正确插入API密钥到故障排除错误，尤其是在另一方的过程或文档更改时，有许多潜在的故障点。
- 虫子持续存在。陷入无休止的虫子令人沮丧的循环中并不少见 - 特别是当一个愉快的AI助手反复告诉您解决了错误时（显然是不是）。为了摆脱困境，这些工具有时需要有关如何解决问题的其他指导，或者您只需要指示它们从头开始即可。
- 对于产品而言，代码可能太大了。当您生成大量代码开始超过产品管理它的能力时，通常会发生错误。有时，该产品会直接告诉您您的项目变得太大 - 但它可能会以不符合您的目标的方式开始贬低性能，甚至删除 /重写代码。
结果，我们发现这些工具主要用于大大降低原型化的成本，这是当今巨大的痛苦点。在与客户的对话中，我们发现许多人正在测试这些产品，但如果他们打算将网站运送到大量受众群体和/或将其货币化。很难依靠这些工具有100％的时间来工作，而且通常很难以可预测的方式迭代您的创造。看似简单的更改可能会触发代码库中其他地方难以调试的问题。
但是，与AI生成的内容的其他方式（例如图像，视频，音乐）一样，我们希望看到陡峭的改进曲线。这些功能仍然令人印象深刻，它们每天都在改善。我们希望这些工具随着它们成熟而提高价值堆栈。我们很高兴看到新的AI本地调试流程出现，以应对该空间的独特挑战。
人们用文本到WEB应用程序工具构建了什么？
当我们仔细研究人们如何利用这些工具时，我们发现了基于用户背景的不同用例。它们通常分为三类：1）消费者，2）开发人员（新和经验丰富），以及3）顾问。
消费者
每天的消费者首次能够构建真正的交互式Web应用程序 - 不仅仅是降落页面或基于模板的系统。我们看到人们热情地采用了人们最终可以制造出需要编码能力的事情的人。
他们在建造什么？我们看到了一系列高度个性化的应用程序，可满足用户的特定兴趣和需求。如今，这些产品通常相对简单 - 它们不需要用户身份验证或付款之类的东西 - 主要用例是有趣，满足或基本效用。”
一些例子：
一个爸爸使用螺栓建立了一个睡前的故事创建者，该创建者根据您的孩子的信息（例如名称，年龄）和兴趣写一个自定义故事。”
第二个应用程序https://t.co/wytgsp1bdb：睡前故事创造者，因为创造力在晚上9点很难。
漫长的一天后，让我们成为现实，您疲倦的大脑想做的最后一件事就是为您的孩子创建一个富有想象力的原创睡前故事。那是睡前故事创造者保存的地方pic.twitter.com/jdgbaw4upw
丹尼尔·布鲁格（@_dbrugger）2025年1月12日
V0用户构建了自己的个人理财跟踪器，该追踪器会摄取其支出和表面见解的数据。
WIP：个人理财仪表板，现金flo€
没有找到我昨晚喜欢的财务追踪器，决定尝试自己建造自己！修补w/@V0 @shadcn @nextjs pic.twitter.com/gewzfbaxmw
Floguo（@floguo）2025年1月14日
一位设计师使用Replit构建了一个Flappy Bird X Frogger游戏，以在他的iPhone上玩。
3个草率的提示，用完全可编辑的代码和文件构建了这个骑士冒险侧滚动器游戏，我可以单击一个按钮。
做得好@replit代理商pic.twitter.com/hdse3grepr
Martin（DesignConquest.com）（@mar_vel_）2024年9月6日
开发人员（新和经验丰富）
从工作中编写代码的人到高水平了解技术概念的用户，有很多开发人员。我们发现，对于开发人员或开发人员的受众群体，现场生成器被视为10倍更好的新脚手架。而不是跑步NPX创建反应应用，现在可以通过生成自己的自定义入门模板来进一步发展，从而使编辑代码的障碍远低于以前。”
就像图像生成器简化了艺术家的创作过程一样，现场生成器解决了开发人员的空白帆布问题。
一些例子：
Sudoku游戏用螺栓建造的用户希望免费玩游戏。
我厌倦了通过应用程序和网站上的广告和跟踪器涵盖的应用程序苦难，所有这些都玩了一个简单的Sudoku游戏。所以我让AI与我自己的编码https://t.co/s40gemobev @stackblitz
在这里免费播放：https://t.co/6xcgl1skyq pic.twitter.com/0xgqheluaf
imoliver（@imolivercom）2025年1月16日
专业等级音频计由启动创始人为其产品创建的V0。
我们使用了@vercelV0运送专业级音频计@Sequence_film一周。在这里，我们如何从设计到原型到生产构建pic.twitter.com/lhyn3mkjsx
卢克·麦加特兰（@lucasmcgartland）2025年1月15日
在用螺栓构建的浏览器中测试和调试三个创建的工具。
喜欢看到这个！查看我使用的东西@BoltDotNew https://t.co/vohx2loqekðhttps://t.co/kkx2dh0gnn
我curtis（@xrarchitect）2025年1月24日
顾问/代理商
消费者与开发人员之间有一个有趣的用户类别：顾问/代理商。这些人通常是工程师，但被聘请为企业创建网站或网络应用程序。
想象一下，雇用的人为您的当地餐厅或税务会计师创建网站。产生的AI，他们很可能使用Squarespace或Wix等无代码工具。现在，其中一些正在探索文本到WEB App工具，以此作为（1）原型和更快迭代的一种方式，（2）进行更复杂的项目。
大多数顾问没有公开分享他们的工作和他们用来制作的工具 - 但这里有一些他们可能创建的应用程序类型的例子：
赫尔辛基一家餐厅的网站。一个
XavierAndrâ©（@xavand32）2025年1月21日
一家使用Replit Agent建造的电子商务商店。
REPEIT代理为ð¥ð¥ð¥
疯狂的。构建了一个数字商店应用程序@条纹使用@replit在一个小时内代理人！ð
使用了5个提示
这是Replit Agent做什么的
创建数据库并添加了订单和产品表
•自动添加产品pic.twitter.com/8wo7bpugcb梅尔文·维瓦斯（@donvito）2024年12月29日
网站 +在拉各斯一家咖啡店的商店。
我为我在哪里工作的咖啡馆构建了一个登陆页面。
主人和我相处融洽，她提到在展示她的产品方面挣扎。
我说，少说。
坐在她旁边，在2个小时内建造它，没有一行代码，只是@V0+@cursor_ai
Damilola Bhadmus（@gbadamosixxl）2025年2月4日
接下来会怎样？
我们在这个快速发展的空间中目睹了几乎每天的进步，团队全天候工作以实现下一个突破。关于如何发展的一些想法：
- 用户角色之间的分歧。如今，这个空间中的大多数产品对每个人来说都是一切 - 从最技术的开发人员到日常消费者，他们为所有用户提供服务。但是，我们认为每个用户角色甚至用例的理想产品可能会有所不同。例如，最佳的消费者文本到WEB应用工具可能是移动优先的，有很多护栏，并优先考虑与Instagram和Shopify等平台的集成。面向开发人员的最佳工具看起来会大不相同！
- 解锁新细分市场的可能性。我们已经看到较少的技术用户生成了自己的生产力工具供内部使用。这些工具通常在公司的防火墙中下载和部署，这意味着它们对公众很少看到。但是，鉴于这些工具用于使用工作，网站生成平台有机会添加更多企业功能并移动高档。这可能与现有的低代码内部工具市场相交。
- 与普通合作伙伴包装的集成。我们听到的最常见的抱怨之一是很难添加集成。如果您想构建其他人使用的应用程序，这一点尤其重要。您可能需要接受付款，创建用户登录，将信息保存在数据库中或从另一个网站提取内容。我们希望看到产品构建 - 与客户使用的最常见工具的一键集成，使其真正无缝，而不是要求用户注册多个服务，拉动API键和研究文档。还将有用于特定组件的生成工具或代理在生成应用时要使用的基本工具 -v0用于电子邮件由重新构建。
- 像素级设计控制。这些产品通常以默认设计和美学开头。您可以通过提示进行编辑，但是在像Figma这样的产品中，几乎没有控制水平，这对于面向设计的消费者或企业来说是一个问题。我们渴望看到这些产品为想要它的人提供了更精细的设计编辑功能，然后将这些更改转换回代码。
- 定价清晰度和教育。该领域的大多数产品都有某种基于用法的定价模型 - 您每月订阅，但仅包括一定数量的令牌（或信用）。如果您想要更多，则必须购买或升级。但是用户不知道他们开始使用多少代币，这使得很难估算构建其网站的成本。浪费的令牌也有很多挫败感，以及一个小型的课程/内容创建者，可以帮助新用户弄清楚如何有效地使用它们的代币。我们希望公司可以将这些功能带入 - 房屋和更好的指导用户通过学习如何有效提示的过程。
从长远来看，文本到WEB应用程序空间会是什么样？
还值得询问此功能（从文本提示中生成Web应用程序）是否会保留在独立工具中，或者将其集成到用户已经在工作的现有产品中。
新的Replit代理是一个有趣的例子。当包装在内部重复现有产品的内部时，Web应用程序的生成变得更加容易 - 在生态系统中无缝旋转身份验证，数据库是无缝的，您不需要去第三方提供商。
无论您需要什么，为此制作应用程序。
现在在您的手机上。为每个人。自由的。pic.twitter.com/hxflgaclmg
Amjad Masad（@Amasad）2025年2月4日
我们可以想象，其他平台对探索该表面积感兴趣，并且在为其现有客户群的情况下有优势。例如：诸如Figma之类的设计工具可以进入代码，从而使设计人员可以从提示到可编辑的设计接口到部署的网站。或者AI编码工具可以添加浏览器接口，并使用更友好的消费者UI。
我们也很想知道大型LLM玩家是否决定进入这个空间。随着像OpenAI和Anthropic这样的公司越来越专注于代码，对于他们来说，添加接口供用户编程甚至部署简单应用程序可能是有意义的。
如今，文本到WEB App工具可能会继续扩展其当前路径，或者我们可能会看到它们对现有工具服务良好的特定垂直行业进行了翻倍。例如，我们可以想象这个空间中的产品决定着眼于中小型企业并深入到此工作流程中 - 使小型企业主可以轻松建立自定义域，生成营销材料，安排约会或运行搜索广告
关于《从提示到产品：AI驱动的Web应用程序构建器的兴起|安德烈·霍洛维茨（Andreessen Horowitz）》的评论
暂无评论