Manus 现已成为 Meta 的一部分

其他·星期四, 1月 22

我作为一个非技术人员尝试了5个氛围编码工具。这是我的真实体验。

你是否曾经有过一个绝妙的应用创意,却突然想起自己对编程一窍不通?这就是我多年来的现实。作为一名内容写作者,我充满了创意,但将它们变为现实的技术方面总是让我感到遥不可及。
这一切在我发现“氛围编码”时发生了改变。这种方法承诺你可以通过用简单的英语描述你的需求来构建软件。这听起来像是一个梦想。我真的可以在不写一行代码的情况下构建一个网站吗?我必须弄清楚。
我选择了五个最受关注的氛围编码工具并进行了测试。我的挑战很简单:构建一个具有非常具体创意风格的个人作品集网站。我对普通模板不感兴趣;我想看看这些AI工具是否真的能够理解并执行一个创意愿景。
这是我实验的故事。这不是一个技术深度探讨,而是一个非技术人员的诚实记录,他只是想看看这种魔力是否真实。以下是发生的事情。


我对每个工具使用的确切提示

为了保持测试的公平性,我对所有5个工具使用了完全相同的提示:
"为我构建一个内容写作者的个人作品集网站。包括一个主页,展示我的个人简介,一个页面展示我的写作样本,以及一个联系表单。设计方面,我想要一种流行艺术/抽象风格,感觉充满趣味和创意。使用大胆、鲜艳的颜色,但确保文本仍然易于阅读。添加圆角、趣味字体和细微的悬停动画。它应该看起来有趣且充满活力,而不是无聊或企业化。"
为什么选择这个提示? 它测试了功能性(多页面、联系表单)和设计解读(具体风格、颜色、动画)。这让我能够比较每个工具如何遵循创意方向。


我测试的内容

设计元素
我寻找的内容
流行艺术/抽象风格
一个充满趣味、创意和活力的设计,而不是无聊的企业模板。
大胆、鲜艳的颜色
一个感觉有趣且充满活力的配色方案。
文本可读性
即使使用大胆的颜色,文本仍然易于阅读。
圆角
元素如按钮和容器的柔和圆角。
趣味字体
与整体氛围相匹配的有趣且创意的字体。
悬停动画
在交互元素上悬停时的细微动画。
多页面
一个主页、一个写作样本页面和一个联系页面。
联系表单
一个功能性的联系表单,用于接收消息。


快速结论:我的排名一览

排名
工具
非技术人员友好性
设计准确性
我的结论
1
Lovable
★★★★★
★★★★☆
最适合真正的初学者
2
Replit
★★★★☆
★★★☆☆
全能型工具
3
Bolt
★★★★☆
★★★☆☆
快速但不一致
4
Cursor
★☆☆☆☆
☆☆☆☆☆
强大但对非技术人员来说令人望而生畏
5
Manus
★★★★★
★★★★★
最佳设计准确性


#1 Lovable:真正感觉像魔法的工具

Lovable 是一个由 AI 驱动的应用构建器,可以通过简单描述你的需求来创建网络应用。它以最小的努力生成美观、精致的设计而闻名。
Lovable 界面


使用工具和导航

一开始,我对 Lovable 感到一种解脱感。界面干净且令人耳目一新,提示框等待着我的创意。没有令人困惑的按钮或技术术语,这让人感觉更友好而不是令人望而生畏。我很欣赏可以选择颜色主题的选项,但我坚持使用我的原始提示,看看 AI 自己能做些什么。它甚至有语音输入选项,这是一个贴心的无障碍功能。
Lovable 界面 2


输出结果

结果确实令人印象深刻。虽然不是完美的流行艺术复制品,但 Lovable 确实捕捉到了我所追求的色彩缤纷和趣味氛围。它包括了圆角,并尝试了趣味字体,尽管标题的字体可以更有变化,但可能是为了清晰起见而选择的。按钮上的悬停动画非常标准,当光标移到上面时会有一些小动作,但也没有什么特别之处。我要求的所有页面都在那里,布局也很直观。它感觉像一个真正的功能性网站,而不仅仅是一个静态图像。我确实注意到一些小问题。例如,它创建的品牌标志只有一半是可点击的,还有一些具有悬停效果的按钮样元素实际上并不是可点击的按钮,这有点令人困惑。但这些问题感觉像是可以通过后续提示解决的小问题。

Lovable 构建的网络应用:



表现如何?

设计: 它完美地捕捉了色彩缤纷和趣味氛围,即使它更倾向于“趣味”而不是“流行艺术”。整体美学精致且专业。
遵循指示: 它很好地遵循了我的大部分指示,创建了所有需要的页面,并包括了圆角和趣味字体。具体的“流行艺术”风格只有部分实现。
可用性: 优秀。界面非常直观,非常适合初学者。
价格: Lovable 提供每日积分的免费计划,付费计划从每月25美元起,提供更多使用量。

我的非技术人员结论

难度级别: 就像订购定制披萨。你告诉他们你想要什么,他们就为你制作。
我会再次使用吗? 绝对会。如果你是一个非技术人员,想要一个美观、功能性的网站而无需陡峭的学习曲线,Lovable 是一个很好的起点。对于一个免费工具来说,结果非常惊人。


#2 Replit:全能平台,能做所有事情

Replit 是一个基于浏览器的开发环境,配备了一个可以规划和构建整个应用程序的 AI agent。它在一个地方处理从编码到托管的所有事情。

使用工具和导航

Replit 的界面比 Lovable 的稍显复杂。作为一个完整的开发环境,它有很多按钮和选项,我不熟悉。然而,AI agent 是一个有用的指南。它提供了构建、测试或迭代的选项,我可以选择“快速”模式进行快速更改,或者选择“自主”模式体验完整的 agent。我选择了自主模式,看看它的全部潜力。
Replit 界面


输出结果

Replit 生成的网站还算不错。它色彩鲜艳,具有我要求的圆角,但它并没有完全捕捉流行艺术或抽象风格。布局感觉有点奇怪,有一个奇怪的底部横幅和一些尴尬的间距。字体,个人而言,我不太喜欢。我觉得它不是最漂亮的,但这可能是个人喜好问题。第一页上的主要标题“我将咖啡变成文案”也有点令人费解。动画很标准,并不特别出色,尽管它们确实整体增加了一些动态性。不幸的是,我的主要问题是写作样本页面上的一些图片是损坏的,显示为空白图标。总的来说是一个相对功能性的网站,但在美学上不是最好的。

Replit 构建的网络应用:



表现如何?

设计: 设计色彩鲜艳,但错过了具体的流行艺术风格。布局和一些生成的文本感觉有点随机。字体选择在整个页面中都值得商榷。
遵循指示: 它创建了请求的页面和动画,但设计解读有误,并且未能生成所有图片。
可用性: AI agent 很有帮助,但整体环境对非技术人员来说可能过于复杂。
价格: Replit 有一个免费的入门计划,付费计划如 Core 计划每月20美元。

我的非技术人员结论

难度级别: 就像试图用一半的说明书组装宜家家具。你可能能搞定,但可能会是一个令人沮丧的经历。
我会再次使用吗? 可能不会。虽然功能强大,但它更适合那些有一些编码背景的人。对我来说体验有点太技术化了。


#3 Bolt:最快的构建工具

Bolt.new 以其速度闻名,可以在几秒钟内生成工作原型。它因快速实验和快速迭代而受到欢迎。

使用工具和导航

Bolt 的界面干净利落,提示框就在中心。它还提供了附加文件、选择数据库,甚至从 GitHub 或 Figma 导入的选项,这看起来很强大。我喜欢它在生成时显示计划,这样我可以看到它的思考过程。我使用了默认的 agent,即 Claude 的 Sonnet 4.5。
Bolt 界面


输出结果

最终结果是……色彩丰富。它有我想要的圆角,但并没有很好地遵循我的流行艺术或抽象风格请求,而是选择了更具趣味性的柔和色彩。字体相当标准且无趣,并不真正有趣,除了在“文字巫师”这几个字上有所尝试。它生成的个人简介出乎意料地详细,这一点尤其值得称赞,特别是与其他工具生成的简介相比。我要求的所有页面都在那里,一切似乎运行顺利。然而,动画很普通且很少,未能为体验增添特别之处。我还希望页面之间有一些内部链接以便于导航。
Bolt 输出结果


Bolt 构建的网络应用:



表现如何?

设计: 设计更具趣味性和柔和色彩,而不是要求的流行艺术风格。它很愉快,但不是我要求的。
遵循指示: 它创建了页面和一个不错的个人简介,但在设计风格和动画上未能达到要求。
可用性: 非常直接且易于使用。
速度: 非常快,第一版在不到2分钟内完成。
价格: Bolt 有一个每日 token 限制的免费计划,付费计划从每月25美元起。

我的非技术人员结论

难度级别: 就像使用微波炉。它快速且简单,但你不会得到一顿美味的餐点。
我会再次使用吗? 可能会,如果我需要一个快速简单的网站,并且对具体设计没有太多要求。它非常适合快速原型设计,但要想让设计完全符合要求,可能需要进行一些手动调整。


#4 Cursor:开发者的最爱(但对非技术人员如何?)

Cursor 是一个基于 VS Code 的 AI 驱动代码编辑器。它因其强大的功能受到开发者的喜爱,但对从未编码过的人来说是否友好?

使用工具和导航

我对 Cursor 的第一印象是……令人望而生畏。界面是一个干净、简约的代码编辑器,如果你是开发者,这很好,但如果不是,就相当吓人。没有友好的按钮或提示,只有一个空白屏幕和一个闪烁的光标。经过一些摸索,我发现需要连接我的 GitHub 账户才能开始。
Cursor 界面

Cursor 界面 2


输出结果

这就是我与 Cursor 的旅程不幸结束的地方。在连接我的 GitHub 账户并输入我的提示后,我遇到了一个付费墙。它说我需要一个付费计划才能使用 AI agent。我决定投资20美元购买 Pro 计划,希望能有好的结果。但即使在付款后,我还是遇到了一系列关于没有“存储库”的错误信息。我试图在 GitHub 上创建一个,但界面全是代码,我完全不知道该怎么做。经过一个小时的挫败感和浪费了20美元,我不得不放弃。我甚至没能看到一个网站。我不确定这个工具是否应该被归类为氛围编码工具。
Cursor 错误


表现如何?

设计: 不适用
遵循指示: 不适用
可用性: 对非技术人员来说非常差。整个体验是为开发者设计的。
速度: 不适用
价格: Pro 计划每月20美元,但我未能从中获得任何价值。

我的非技术人员结论

难度级别: 就像试图在没有训练的情况下驾驶直升机。你会坠毁并烧毁。
我会再次使用吗? 永远不会。这可能是一个对开发者来说功能强大的工具,但它不适合那些想在没有任何编码知识的情况下构建网站的人。这是一个小时和20美元的浪费!


#5 Manus:不仅仅是编码的 AI 助手

Manus 与此列表中的其他工具不同。它是一个自主 AI agent,可以研究、撰写内容并构建,从头到尾处理整个项目。

使用工具和导航

Manus 界面干净且直观,提示框位于正中央。与其他专门的氛围编码工具相比,它感觉更像是一个通用的 AI 助手,这有些不同。话虽如此,我很欣赏有一个明确的“构建网站”按钮。在输入我的提示后,一个弹出窗口建议我切换到“Manus 1.6 Max”版本以获得更好的结果,这是一个付费功能。我决定先尝试免费版本,看看它能做些什么。

输出结果

不幸的是,免费版本完全失败,导致了一个404错误。我甚至无法看到它应该构建的网站。
失望之余,我决定尝试付费的“Max”版本,我很高兴我这么做了。结果可以用一个词来形容:惊艳。在我测试的所有工具中,Manus 是唯一一个真正捕捉到我所追求的流行艺术、抽象和趣味氛围的工具。颜色非常准确,动画充满创意且有意图,整体设计非常完美。一个很好的例子是它对圆角的处理。我的提示要求“添加”圆角,而我原以为所有东西都会是圆角,但 Manus 提供了圆角和尖角的混合。这是一个令人愉快的惊喜,使设计感觉更有动态性而不是单一维度,显示出它在预测我的需求,而不仅仅是逐字遵循提示。它甚至定制了光标,使其在悬停在不同元素上时改变颜色,这是另一个小细节,产生了巨大影响,并显示出对创意简报的真正理解。尽管这个结果仅来自付费计划,但在计算创建这个网页所使用的积分后,费用不到一美元!

表现如何?

设计: 惊艳。它是唯一一个完美匹配我的提示并提供真正创意且精致设计的工具。
遵循指示: 出色。它遵循了所有指示,从页面结构到具体的设计风格和动画。
可用性: 界面简单易用。主要障碍是免费版本的失败。
价格: Manus 有一个免费计划,但对于复杂的网页构建,付费计划(从每月20美元起)是必要的以获得良好的结果。

我的非技术人员结论

难度级别: 就像雇佣一个私人助理。你告诉他们你想要什么,他们就为你处理一切。
我会再次使用吗? 毫无疑问会。虽然免费版本令人失望,但付费版本提供的结果远远超出了其他工具,值得投资。它是唯一一个真正实现我的愿景的工具。


并排比较:比较所有5个输出结果

工具
最佳设计元素
最差设计元素
总体评分
Lovable
整体趣味和活力的氛围。
略显普通的设计,没有完全体现流行艺术风格。
4/5
Replit
可爱的色彩和动画。
损坏的图片和奇怪的布局。
3/5
Bolt
内容丰富且写得很好的个人简介。
最小化且缺乏灵感的动画。
3/5
Cursor
不适用
没有输出,因为没有编码知识。
0/5
Manus
惊艳且完美执行的流行艺术设计。
免费版本无法使用。
5/5


我从测试所有5个工具中学到的东西

在花了几个小时使用这五个氛围编码工具后,我得出了一些关键的见解。首先,“氛围编码”并不是一个适合所有人的解决方案。每个工具都有自己的个性,并为不同类型的用户而设计。一些工具,如 Lovable,非常适合真正的初学者,他们希望以最小的麻烦创建一个美观的网站。其他工具,如 Replit 和 Bolt,提供了更多的功能,但需要更多的耐心。而 Cursor 则显然属于自己的领域,为开发者而设计。
其次,我了解到,你通常会得到你所支付的东西。虽然免费工具令人印象深刻,但它们都有局限性。要获得真正定制、高质量的网站以匹配具体的创意愿景,投资付费计划可能会带来巨大的不同。我与 Manus 的经历就是一个完美的例子。免费版本是一个死胡同,但付费版本是一个胜利。
最后,我意识到 AI 是非技术人员的强大伙伴,但它不是读心术。你仍然需要对自己想要创建的内容有一个清晰的愿景,并能够有效地传达这一愿景。你的提示越具体和详细,结果就会越好。


我的推荐

如果你是...
从...开始
原因
一个完全的初学者,想要快速、美观的结果
Lovable
它是最容易使用的,并以最小的努力生成令人惊叹的网站。
一个非常注重设计并愿意为质量付费的人
Manus
它是唯一一个真正捕捉到我的设计愿景并创建一个我会自豪展示的网站的工具。
愿意学习一点以获得更多功能和灵活性的人
Replit 或 Bolt
它们提供更多的控制和定制选项,但不像 Lovable 那样适合初学者。
需要内容+规划+构建的人
Manus
它是一个可以从头到尾处理整个项目的全能 AI 助手。


最终想法

我进入氛围编码世界的旅程是一场过山车。有纯粹魔法的时刻,比如当我看到我的愿景在 Manus 上实现时,也有纯粹挫败的时刻,比如我与 Cursor 的经历。但最终,我很高兴我做到了。我学到的是,构建一个网站并不像我曾经想象的那么令人望而生畏,AI 可以成为非技术人员的强大创意伙伴。所以,如果你是一个有应用创意的非技术人员,不要害怕尝试氛围编码。你可能会对自己能创造的东西感到惊讶。


常见问题

我真的可以在没有编码经验的情况下构建一个应用吗?

是的,你绝对可以!像 Lovable 和 Manus 这样的工具使任何人都可以在不写一行代码的情况下构建一个美观、功能性的网站。只需准备好尝试不同的提示,并对过程保持耐心。

哪个工具提供了最好的外观结果?

对我来说,Manus 在设计方面是明显的赢家。它是唯一一个真正捕捉到我所追求的流行艺术、抽象和趣味氛围的工具。Lovable 紧随其后,提供了一个有趣且色彩丰富的设计,非常适合个人作品集。

哪个工具最遵循我的设计指示?

毫无疑问是 Manus。它是唯一一个似乎理解我的提示细微差别并将其转化为美丽且创意设计的工具。

我是否需要查看代码?

使用 Lovable、Replit 和 Bolt,我从未需要查看一行代码。使用 Cursor,我立即被扔进了一个代码编辑器,完全不知道该怎么做。使用 Manus,我不需要查看代码,但如果我愿意,我可以查看。

我会向其他非技术人员推荐氛围编码吗?

绝对会!这是一个有趣且赋权的方式来实现你的创意。只需确保选择适合你需求的工具,并对过程保持耐心。它不一定会在第一次尝试时完美,但通过一些实验,你可以创造出真正令人惊叹的东西。