一张草图变网页，实测字节 TRAE SOLO，这些功能甚至比 Cursor 还好用

爱范儿11-14

AI 编程火了这么久，无论是开发者还是我们普通人，都能让 AI 来帮忙做个小游戏、捣鼓点小工具。有时候还真别说，那些 AI 做的小玩意，的确能起到点作用。很多读者也经常在留言区评论，现在最好的编程模型是什么？Claude 4.5 + Cursor 自一直是很多开发者的首选，但它们由于种种原因对中国用户都不太友好，结果是花同样的钱开会员，有可能很多模型都用不了。好消息，这次我们不会被“卡脖子”了。...

网页链接

免责声明：本文观点仅代表作者个人观点，不构成本平台的投资建议，本平台不对文章信息准确性、完整性和及时性做出任何保证，亦不对因使用或信赖文章信息引发的任何损失承担责任。

精彩评论

我们需要你的真知灼见来填补这片空白

发表看法

{"i18n":{"language":"zh_CN"},"isChannel":false,"data":{"share":"https://www.laohu8.com/m/news/2583524763?lang=zh_CN&edition=full","thumbnail":"","is_english":false,"pubTime":"2025-11-14 14:18","share_image_url":"https://static.laohu8.com/e9f99090a1c2ed51c021029395664489","id":"2583524763","market":"sh","top_or_hot":-1,"title":"一张草图变网页，实测字节 TRAE SOLO，这些功能甚至比 Cursor 还好用","media":"爱范儿","content":"<div>\n<p>AI 编程火了这么久，无论是开发者还是我们普通人，都能让 AI 来帮忙做个小游戏、捣鼓点小工具。有时候还真别说，那些 AI 做的小玩意，的确能起到点作用。很多读者也经常在留言区评论，现在最好的编程模型是什么？Claude 4.5 + Cursor 自一直是很多开发者的首选，但它们由于种种原因对中国用户都不太友好，结果是花同样的钱开会员，有可能很多模型都用不了。好消息，这次我们不会被“卡脖子”了。...</p>\n\n<a href=\"https://tech.ifeng.com/c/8oH5ps4FgJ0\">网页链接</a>\n\n</div>\n","source":"fenghuang_stock","html":"<!DOCTYPE html>\n<html>\n<head>\n<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no\"/>\n<meta name=\"format-detection\" content=\"telephone=no,email=no,address=no\" />\n<title>一张草图变网页，实测字节 TRAE SOLO，这些功能甚至比 Cursor 还好用</title>\n<style type=\"text/css\">\na,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,\nem,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,\nobject,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{ font:inherit;margin:0;padding:0;vertical-align:baseline;border:0 }\nbody{ font-size:16px; line-height:1.5; color:#999; background:transparent; }\n.wrapper{ overflow:hidden;word-break:break-all;padding:10px; }\nh1,h2{ font-weight:normal; line-height:1.35; margin-bottom:.6em; }\nh3,h4,h5,h6{ line-height:1.35; margin-bottom:1em; }\nh1{ font-size:24px; }\nh2{ font-size:20px; }\nh3{ font-size:18px; }\nh4{ font-size:16px; }\nh5{ font-size:14px; }\nh6{ font-size:12px; }\np,ul,ol,blockquote,dl,table{ margin:1.2em 0; }\nul,ol{ margin-left:2em; }\nul{ list-style:disc; }\nol{ list-style:decimal; }\nli,li p{ margin:10px 0;}\nimg{ max-width:100%;display:block;margin:0 auto 1em; }\nblockquote{ color:#B5B2B1; border-left:3px solid #aaa; padding:1em; }\nstrong,b{font-weight:bold;}\nem,i{font-style:italic;}\ntable{ width:100%;border-collapse:collapse;border-spacing:1px;margin:1em 0;font-size:.9em; }\nth,td{ padding:5px;text-align:left;border:1px solid #aaa; }\nth{ font-weight:bold;background:#5d5d5d; }\n.symbol-link{font-weight:bold;}\n/* header{ border-bottom:1px solid #494756; } */\n.title{ margin:0 0 8px;line-height:1.3;color:#ddd; }\n.meta {color:#5e5c6d;font-size:13px;margin:0 0 .5em; }\na{text-decoration:none; color:#2a4b87;}\n.meta .head { display: inline-block; overflow: hidden}\n.head .h-thumb { width: 30px; height: 30px; margin: 0; padding: 0; border-radius: 50%; float: left;}\n.head .h-content { margin: 0; padding: 0 0 0 9px; float: left;}\n.head .h-name {font-size: 13px; color: #eee; margin: 0;}\n.head .h-time {font-size: 11px; color: #7E829C; margin: 0;line-height: 11px;}\n.small {font-size: 12.5px; display: inline-block; transform: scale(0.9); -webkit-transform: scale(0.9); transform-origin: left; -webkit-transform-origin: left;}\n.smaller {font-size: 12.5px; display: inline-block; transform: scale(0.8); -webkit-transform: scale(0.8); transform-origin: left; -webkit-transform-origin: left;}\n.bt-text {font-size: 12px;margin: 1.5em 0 0 0}\n.bt-text p {margin: 0}\n</style>\n</head>\n<body>\n<div class=\"wrapper\">\n<header>\n<h2 class=\"title\">\n一张草图变网页，实测字节 TRAE SOLO，这些功能甚至比 Cursor 还好用\n</h2>\n\n<h4 class=\"meta\">\n\n\n2025-11-14 14:18 北京时间&nbsp;&nbsp;&nbsp;<a href=https://tech.ifeng.com/c/8oH5ps4FgJ0><strong>爱范儿</strong></a>\n\n\n</h4>\n\n</header>\n<article>\n<div>\n<p>AI 编程火了这么久，无论是开发者还是我们普通人，都能让 AI 来帮忙做个小游戏、捣鼓点小工具。有时候还真别说，那些 AI 做的小玩意，的确能起到点作用。很多读者也经常在留言区评论，现在最好的编程模型是什么？Claude 4.5 + Cursor 自一直是很多开发者的首选，但它们由于种种原因对中国用户都不太友好，结果是花同样的钱开会员，有可能很多模型都用不了。好消息，这次我们不会被“卡脖子”了。...</p>\n\n<a href=\"https://tech.ifeng.com/c/8oH5ps4FgJ0\">网页链接</a>\n\n</div>\n\n\n</article>\n</div>\n</body>\n</html>\n","isBrief":false,"type":0,"news_type":1,"symbol":"SOLO","symbol_name":"Electrameccanica Vehicles Corp.","start_time":0,"source_url":"https://tech.ifeng.com/c/8oH5ps4FgJ0","article_id":"2583524763","we_media_id":null,"thumbnails":[],"rights":null,"url":"https://stock-news.laohu8.com/highlight/detail?id=2583524763","pubTimestamp":1763101126,"columns":[],"sourceInfo":{"source_id":"fenghuang_stock","name":"凤凰网"},"weMediaInfo":null,"summary":"昨天，字节发布了他们的编程工具，TRAE 3.0，我们体验了一下，在某种程度上，TRAE 可以说就是一个国产版 Cursor，甚至部分功能做得比 Cursor 还要好。限免期之后，SOLO 模式仅支持会员用户，TRAE 的会员计划也比 Cursor 更良心，首月是 3 美元，次月开始 10 美元。但现在，TRAE SOLO 模式改变了过去传统的开发工具、或者 AI 聊天编程产品的形态。SOLO Coder：面向复杂项目开发TRAE 提供了 Coder 和 Builder 两个选项，SOLO Coder 主要是针对复杂的项目开发，更专业的应用场景。","collect":0,"end_time":0,"defaultTopTitle":"ifeng.com","property":[],"viewcount":null,"language":"zh","relate_stocks":{"SOLO":"Electrameccanica Vehicles Corp.","TRAE":"Triton American Energy Corp.","BK4099":"汽车制造商"},"translate_title":"A sketch is changed into a web page, and byte TRAE SOLO is measured. These functions are even easier to use than Cursor","themeId":null,"isJumpTheme":false,"ttsUrl":null,"symbols_score_info":{"TRAE":1.5,"SOLO":1.5},"content_text":"AI 编程火了这么久，无论是开发者还是我们普通人，都能让 AI 来帮忙做个小游戏、捣鼓点小工具。有时候还真别说，那些 AI 做的小玩意，的确能起到点作用。很多读者也经常在留言区评论，现在最好的编程模型是什么？Claude 4.5 + Cursor 自一直是很多开发者的首选，但它们由于种种原因对中国用户都不太友好，结果是花同样的钱开会员，有可能很多模型都用不了。好消息，这次我们不会被“卡脖子”了。昨天，字节发布了他们的编程工具，TRAE 3.0，我们体验了一下，在某种程度上，TRAE 可以说就是一个国产版 Cursor，甚至部分功能做得比 Cursor 还要好。其中，最核心的功能 SOLO 模式，是之前所有同类产品，没有探索过的 AI 编程工具形态。它提供了 SOLO Coder 和 SOLO Builder 两个智能体，一个针对专业的开发者用户，处理复杂的项目开发问题；一个针对个人和小团队，真正做到一句话做个产品，能上线发布的产品。这两个 SOLO 智能体，把过去传统软件开发，涉及到的全部工作基本都包揽了。目前 SOLO 模式正在限免期，前往 trae.ai 下载安装，登录之后就能免费体验到 15 号。限免期之后，SOLO 模式仅支持会员用户，TRAE 的会员计划也比 Cursor 更良心，首月是 3 美元，次月开始 10 美元。和免费用户的最大区别就是 SOLO 模式的使用权限，此外还有在模型调用、快速响应上的额度分配不同。SOLO 模式，让编程更加 VibeSOLO 模式其实最早是在 TRAE 2.0 的时候推出的，当时只是用来快速生成一个应用。而更新的 TRAE 3.0 版本中，是把快速生成的应用，能做到直接发布，还给专业开发者带来了更高效的功能。之前，我们使用大多数的编程产品，或者就是要 ChatGPT、Gemini 这些通用助手，来进行 vibe coding。本质上还是，我们单纯地跟模型进行对话，解决某一个具体的问题，最后的产出也比较有限，一般就是一个我们看都看不懂的代码文件，点个预览就够了。但现在，TRAE SOLO 模式改变了过去传统的开发工具、或者 AI 聊天编程产品的形态。它整体的布局更像一个大模型助手的智能体界面，没有了中间的代码编辑器，最左边也不是文件管理器，而变成了任务列表。SOLO Coder：面向复杂项目开发TRAE 提供了 Coder 和 Builder 两个选项，SOLO Coder 主要是针对复杂的项目开发，更专业的应用场景。一般是我们有现成的项目，可以通过 Coder 来完成一些项目迭代、Bug 修复和架构重构等。我们选择了一个 GitHub 上的开源项目，动辄上千上万行的代码，根本看不懂。然后直接问他有没有什么更好的网络结构等组件，可以让这个方法的效果更好。▲ 指令下达后，直接开始执行，帮我完成各种包的安装，实时跟随会自动切换不同的工具面板。前几天我刷社交媒体，看到有人在问，大家在 vibe coding 等结果的过程中一般做什么。有人说真正的 Vibe 是应该打开手机开始刷视频，也有人说会盯着 AI 的每一步操作，防止它莫名其妙删库跑路，还有说再开一个 Agent 来执行其他任务。SOLO 模式似乎也考虑到了这一点，在任务处理过程中，是可以多任务并行的，意思是我们可以同时执行多个项目。同时，SOLO 智能体在调用不同的工具过程中，会可视化全部的工具调用流程、自动切换不同的工具面板，TRAE 把这一点叫做“实时跟随”。和 TRAE 2.0 会显示当前使用的模型不同，在 Claude 彻底断供之后，TRAE 3.0 在 SOLO 模式下，只会显示 Max 模型，且不能自定义选择模型。SOLO Builder：从零构建一个应用SOLO Coder 还是有点太专业了。另一个智能体，SOLO Builder 在某种程度上，则是一款很典型的 vibe coding 产品，和我们之前分享过的 Lovable 一样，它主打的是从零开始，一句话构建一个产品。但不同的是，SOLO Builder 能凭借 TRAE 自身强大的开发环境，真正做出一个大规模可用的产品，不会停留在做一个小玩意路线上。一款应用从构思到最后真正上架到 App Store，中间要完成的需求分析、UI 设计、系统环境等等，都可以在 SOLO Builder 中，通过 AI 来完成。TRAE 提供了包括编辑器、文档、终端、浏览器、Figma、智能体、MCP在内的多个工具。▲ 开始写项目需求文档和技术架构文档通过调用不同的工具，仿佛真的有一个助手在操作我们的电脑：在写清楚产品需求文档后，默默地又开始写代码来实现，最后再自己测试代码、部署整个项目；把产品经理、程序员、测试、运维的活全干了。我们输入了一个需求，是让它做一个摸鱼 APP。得到了对应的文档之后，SOLO Builder 不会立刻执行，而是让我们先确认这个计划是否可行。此刻我们就是项目经理，告诉 AI 来 Align（对齐）一下颗粒度，不行就要 AI 再回去修改文档。在 SOLO Coder 智能体，同样有“Plan 计划”的开关，先让模型规划怎么做，我们再确认。一切顺利，我们得到了最后的摸鱼 App，TRAE 还贴心的提供了一个推荐操作，让我们把项目部署到 Vercel（托管网站的平台）上，而不仅仅是本地访问。不过，SOLO 模式目前还只在国际版推出，国内版本可以通过加入候补名单，等待上线。▲候补链接：https://www.trae.cn/solo豆包编程模型，TRAE 的国产版核心虽然国内版本还没有 SOLO 模式，但是字节最新的豆包编程模型，已经在 TRAE 国内版上线了。▲Doubao-Seed-Code 生成的技能五子棋页面截图Doubao-Seed-Code 是字节这周二发布的一款全新模型，它专门在 Agentic 智能方面，进行了深度优化；在多个编程相关的基准测试中，表现结果全面领先国产的同类模型；此外，它的输入输出还做到了国产模型的最低价。用直观的例子说明，在相同 Tokens 数量的任务下（0-32k 输入区间），Claude Sonnet 4.5 完成需要约 4.05 元，GLM-4.6 要 0.77 元，而 Doubao-Seed-Code 的成本是 0.34 元。▲配合字节的 TRAE 编程产品，在 SWE-Bench 上的得分更高；以及使用成本更低Doubao-Seed-Code 的亮点还包括，它支持最高 256K 的上下文长度，能应付一般的长代码文件。它也是国内第一个支持视觉理解能力的编程模型；通俗点讲，就是不用自己口头描述做什么，一张设计稿、截图，就能自动生成对应的内容。模型提供的 API 调用，支持在 Claude Code 中使用，也对字节跳动自家的编程开发工具 TRAE，Cursor、Codex CLI、Cline 等主流的开发生态，实现了全面的兼容。目前，Doubao-Seed-Code 可以在火山方舟大模型体验中心、TRAE 中国版直接使用，也可以透过平台的 API 调用。▲ https://www.volcengine.com/experience/ark?model=doubao-seed-code-preview-251028在 TRAE 中国版，还提供了 Kimi K2，GLM 4.6，以及 DeepSeek、Qwen 等常见国产编程模型。▲ https://www.trae.cn/我们也在火山引擎官网、TRAE 、以及 API 调用几种方式里，体验了这款全新的编程模型，不能说吊打 Claude，但是配合自身的编程开发环境、和超低的费用，很难不让人心动。模型能力实测，一张草图生成一个项目视觉理解是 Doubao-Seed-Code 的一大亮点，但其实从图片复制网页，甚至是在 AI 大语言模型流行之前，就已经有类似的应用。而多模态的能力，现在也基本上成为了每个模型的标配。我们从网上找了一张手绘的网页布局图片，直接让它根据这张草图，生成对应的前端页面。还原度还是很高的，复制代码拿过来直接用作自己的项目，或者再要它添加一些处理的逻辑，神笔马良的即视感。除了这种照搬图片的内容，我们还找了一张大家熟知的游戏截图，Flappy Bird，但是截图里面就是几根柱子。上传截图并提问，你认识这个游戏吗？用一个单页的 HTML 实现它。虽然简陋了一点，但是 Douban-Seed-Code 在深度思考的过程，一眼就看出来这是 Flappy Bird 的游戏。最后的实现，把小鸟直接换成了一个原点，但确实是一张图就能生成游戏。火山方舟的模型体验中心更多是一种 Playground 的存在；Doubao-Seed-Code 的发布，就是为了字节的 AI 编程工具 TRAE。字节也专门为 Doubao-Seed-Code 在 TRAE 中的表现进行过优化，与 TRAE 深度结合的豆包编程模型，在对应的编程基准测试中，甚至拿到了超过 Claude 4.5 Sonnet 的成绩。和网页版处理不同，在本地使用，意味着我们的主动权更大。我们直接把过去几篇 APPSO 的文章放到项目文件夹，然后在 TRAE 里和模型对话，要它根据这些文件，帮我制作个人作品集。在豆包编程模型的介绍资料里，我们看到字节用了一套大规模的 AI 强化学习系统，来完成智能体的学习训练。覆盖十万个不同环境的数据集，让 AI 见识各种复杂任务。不需要老师手把手的教，而是完全依靠端到端的强化学习，模型自己总结经验。在 TRAE 中运行了一会儿了，就得到了最后的个人作品集网页，说实话总结得很不错，在精选文章那一部分，都是 AI 自动帮我配的图片。除了直接使用，豆包编程模型还提供了 API 的方式，能够配置到 Claude Code 之类的工具中。我们之前在介绍 Google 全家桶时，分享过 Gemini CLI（和 Claude Code 类似的命令行终端工具）的使用体验，基本上能减去我们找各种第三方工具的繁琐。在火山引擎的官网，字节更是直接给出了完整的将 Doubao-Seed-Code 配置到 Claude Code 的详细步骤，我们只需要照着教程走，就能得到一个不会被断供的 Claude Code。▲ https://console.volcengine.com/ark/region:ark+cn-beijing/model/detail?Id=doubao-seed-code简单配置之后，我们就可以进入到 Claude Code 的页面，并且显示当前的模型时 doubao-sseed-code-preview-251028。字节这波发 Cursor 平替 SOLO 模式，又发 Claude 4.5 平替 Doubao-Seed-Code，能看出来是真的很想把 AI 编程做到极致，毕竟这是现在的大热门。有多热，代表性产品 Cursor 在最新一轮融资后，估值来到了 300 亿美元，并且它几乎可以确认，将是历史上最快达到 10 亿美元 ARR 的公司。▲图表由 GPT-5.1 生成，显示这些公司从成立到实现 10 亿美元的 ARR，需要多长时间。图片来源：X@Yuchenj_UW而前些天，柯林斯词典也宣布，把 Vibe Coding 作为 2025 年度词汇；这一年来，无论是不是学计算机专业的，多多少少都已经接触到了 AI 编程。简单的“帮我生成一个贪吃蛇的游戏”、到复杂的大型项目管理，代码完全变成了向 AI，而更少面向开发者的语言。这种趋势也在大多数的基础模型，把编程能力作为主要卖点的背景下，变得越来越流行。如果在去年问一个 AI 编程的用户，他会选择什么模型，毫不犹豫地说，一定是 Claude 3.5。到了今年这个时候，Claude 断供看起来反而是倒逼了我们一把。国产的编程模型有了智谱的 GLM 4.6、阿里的 Qwen Coder、Minimax M2、月之暗面的 Kimi K2 Thinking，个个都榜上有名；今天又多了一个选择，Doubao-Seed-Code。模型之外，工具的演变也没停下来，从只是生成代码然后预览，到现在 TRAE 要把软件开发一条龙全面服务到位。即便现在说 AI 编程，要全面取代程序员还不太可能，但让 AI 手搓一个微信，未来三五年说不定真的能做到。","kind":"news","is_publish_news":true,"is_publish_highlight":false,"is_publish_live":false,"is_publish_wemedia":null,"editions":null,"column":"","sentiment":"0","news_tag":"","news_rank":0,"symbols":[],"gpt_button":1,"need_auth":false,"code":"91000000","status":"200"},"commentList":[],"isCommentEnd":true,"newsSizeData":{"likeSize":0,"commentSize":0,"repostSize":0,"favoriteSize":0,"likeStatus":false,"favoriteStatus":false},"APP":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","isDev":false,"isTTM":false,"deviceId":"web-server-community-laohu8-v3","version":"4.35.9","shortVersion":"4.35.9","platform":"web","vendor":"web","appName":"laohu8","isIOS":false,"isAndroid":false,"isTiger":false,"isTHS":false,"isWeiXin":false,"isWeiXinMini":false,"isWeiBo":false,"isQQ":false,"isBaiduSwan":false,"isBaiduBox":false,"isDingTalk":false,"isToutiao":false,"isOnePlus":false,"isHuaWei":false,"isXiaomi":false,"isXiaomiWebView":false,"isOppo":false,"isVivo":false,"isSamsung":false,"isMobile":false},"href":"/m/news/2583524763","isCrawlerRequest":true}