HTML Studio 位于 /workbench/text/html,是 x-rush 里我最常回去的角落。如果你是从旧链接或旧书签进来的:这就是 HTML Studio 的指南,同一个工具、同一个地址,只是换了名字。它是一个用 AI 搭网页、H5 小游戏和交互作品的在线工作室——可以从模板开始,也可以描述你想要什么,让代理写出第一版。两条路最后都落进同一个编辑器。我用它做过客户的落地页、朋友的作品集,还有一个没做完的像素风小游戏。这套工作流经得起用,而真正值钱的部分大多数人会直接走过:点 Publish,页面就活在自己的公开地址上,任何人无需登录就能打开,随时分享或嵌入。
这是 2026 年版的文档。模板库、预览规则、复刻还是生成的取舍、编辑器的四个区域,以及 Composer 如何把一句需求变成一次确认过的修改,都在下面。然后是我愿意写在广告牌上的那部分:Publish 真正给你的是什么——每个 Workspace 一个稳定的公开页面,版本历史保留你发布过的一切,而且没有单独的结果页要管理。
模板库
打开 Templates 视图,是一面按 11 个分类组织的卡片墙,带搜索,以及分类和标签两个下拉筛选。点卡片只是预览。在你明确应用之前,不会碰到你的代码;如果当前 Workspace 有未保存的修改,它会先让你选择保存、放弃或取消。
使用模板免费,只要两次点击:选好它要落在哪个 Project,确认,然后你会得到一个独立的 HTML Workspace,模板代码、所需文件和起始说明在一次原子操作里全部就位。没有 AI 参与,积分不动,复制失败也不会留下半成品。这份复制是一次性的起点——下个月模板再怎么改进,你的 Workspace 仍是你建成的样子。标准的客户落地页我走这条线,多数时候它就是最快的路。
先预览,再动手
预览只有一条规则值得记住:预览永远不改代码。从模板墙打开的卡片预览可以随时退出,没有任何副作用。编辑器内,底部的实时预览随着你的修改即时渲染当前草稿,还有桌面、平板、手机三档设备宽度可切。Esc、再点一次或点外部区域都会关闭它。
手机宽度这一档,我检查得比自己预想的多。整页布局在小宽度上撒谎的方式,代码不会提前警告你,设备菜单是在访客之前发现问题的最便宜手段。
复刻模板,或从零生成
两条入口。复刻就是上面那条:预览、应用、完成。生成路线从一个三字段表单开始:名称,必填,你不想起的话代理可以按描述替你拟一个;标签,可选,方便在 Project 里筛选;然后是一段自然语言的创建要求。表单只有这些。
旧的类型、风格、功能菜单已经删掉了,而且是刻意删的。一份固定清单永远盖不住"带排行榜的 H5 小游戏"这种需求,所以这些约束现在就住在描述句里:写"一个深色玻璃质感的习惯追踪器落地页,带联系表单",所有要求都在这一句话里。盯着空输入框发怵?两个辅助按钮可以帮你出点子或收紧措辞,填的都是同一个框。
然后是一个按钮:执行创作 · 0.5 积分。后端先查余额,再谈别的。任务没被接受,表单原样保留——不建 Workspace,不扣积分。接受了,Workspace 打开,代码一边流进来一边填好文件树、编辑器和预览,你不会对着的转圈等待。生成和之后的每次修改都走 x-rush 的智能路由:按任务从可用的一线文本模型里挑,新模型上线就自动换进来。
说实话:标准的 SaaS 落地页,模板库仍然更快更远。库没有的东西,再轮到生成。
编辑器内部
桌面端和平板横屏下,编辑器分四个区域,各自内部滚动:
- 左侧,文件树。 新建、重命名、删除、下载、上传。素材从文件树进,不从 AI 面板进。上传免费;一个默认关闭的复选框决定文件是否同时进账号媒体库(每账号 500 MB)。
- 中间,Monaco。 VS Code 同款内核,肌肉记忆直接迁移:多光标、查找替换,全都有。
- 右侧,Copilot 面板。 一个输入框,一个发送按钮。下一节讲。
- 底部,实时预览。 边改边渲染的当前草稿,带全屏、弹出和设备宽度菜单。
手机上整个界面塌缩成一个全屏聊天,Preview 和 Publish 固定在顶部。那是另一种形态,不是缩小版编辑器——动文件这种活,交给更大的屏幕。
AI 助手
Copilot 就一个输入框,真正要分清的是提问还是改代码。问怎么把 hero 区固定在顶部,你得到一个答案;让它把 hero 区固定在顶部,你得到一个提案:针对你当前 Workspace 的具体改动。什么都没写入,因为发送永远不执行代码。手滑按了 Enter,也赔不了一个文件。
代码只在你确认后移动,靠提案下方出现的那个按钮:执行修改 · 0.5 积分。整个工作台里唯一一个写代码的收费动作,而且第一次生成和第四十次修改同一个价。修改你的请求会让旧提案作废,过期的指令没有机会在之后触发。桌面端可以把当前文件的选中内容附为修改焦点:选区引导修改但不圈死它,该跨三个文件的修复照样能碰三个文件。
回答和提案都走共享辅助池:全站每累计 10 次成功辅助(包括 AI Chat)花 0.5 积分,计数在切换 Project、会话或设备后依然保留。开个新标签页清不了零。我试过。
撤销是有边界的。每次付费执行前,系统留一个一次性恢复点,同时覆盖代码和关于这个作品的私有累计说明;一次 Undo 把两者一起退回,恢复点不出现在版本历史里,使用它也不改变任何计费事实。我起初以为撤销会回到某个干净的初始状态,实际上它只回退一步 AI 动作——而这恰好是你真正想要的。
还有一个约束:一个 Workspace 同一时间只跑一个 AI 任务,所有设备共享同一条会话历史。任务运行中,执行按钮会拒绝第二次点击,双击和第二个标签页都重复扣不了你。
保存、发布与版本历史
保存是无声的。每个 Workspace 只有一份当前草稿,持续自动保存;手动编辑和 AI 修改都更新这份草稿,都不产生版本。版本只在你发布时出现,此前版本历史是空的。
发布先问一个可见性问题:公开分享链接(不进社区),或社区公开——后者会把作品带进 Explore,挂上你的作者卡片、点赞和 Remix。两条路在上线上线前都过 AI 安全检查,社区作品再加一道内容规范复审。你得到的是 x-rush.ai 域名上的一个稳定地址,/p/{id}——一个运行在安全壳里的真实托管页面,页脚带 x-rush.ai 标识和你的公开身份。任何人打开链接即全屏可见,无需登录。发群里、贴帖子、塞进 iframe,对方看到的就是一个能用的页面。
地址行为是这个功能里我最想写上广告牌的。重新发布,同一个 URL 切换到新版本。取消发布,地址停止服务但仍属于你;之后恢复,它还是你已经发出去的那个链接。你发布过的每个版本都留在 Workspace 的版本历史里,任何旧快照都能重新发布——当前草稿不受影响。
没有单独的结果页,这不是缺口。按名称、标签、草稿或已发布筛选的 Workspace 列表,加上版本历史,就是全部管理界面。一个作品一个身份,而不是一堆一次性生成的残骸。
如果有人 Remix 了你的社区作品,他得到的是进入自己 Project 的一次性副本:你的公开代码、所需文件,以及(只有当你打开公开最终提示词开关时)你选择分享的那份提示词。双方都不记录来源谱系,他的副本不跟随你的更新,也不因你的删除而消失。复制本身免费。你的私有笔记和聊天永远不会离开你的 Workspace。
技巧与棱角
- 发送免费;执行 0.5 积分,一口价。 提案除共享辅助池外不花任何东西,每次确认的修改都是同一个固定价。
- Undo 回退一个 AI 动作,代码和说明一起。 放心用,它不碰版本历史,也不碰账单。
- 随意重新发布。 同一地址、新版本,旧版本保留且可再次发布。
- 在未保存的修改上套模板会先问你。 保存、放弃或取消——点之前看一眼。
- Remix 是干净的副本。 之后不追踪你,也不追踪原作者。
- 手机上是聊天、Preview 和 Publish。 文件操作留给桌面或平板横屏。
- 站外链接先过一道拦截。 已发布页面把外跳出站点击引到一个"你正在离开 x-rush"的页面,标明目的地。刻意为之,保护的是点链接的人。
这就是 HTML Studio。模板让你几分钟内上线,Copilot 从一行修复一路管到真正的客户活。真正留住人的是 Publish:每个作品都有一个稳定地址,事后也没有一堆结果要清理。