Grok Build 零基础实战教程
等了这么久，老马家的 AI Coding 工具终于端上来了，叫 Grok Build，并且是完全开源的，在 GitHub 上可以看到它是完全由 Rust 编写的 TUI 交互应用，这期就带大家来体验一下它能做些什么。
本期我会从零教大家使用 Grok Build 搭建一个完整的网站，看完这篇文章你就能快速上手，将它赋能你的生活以及工作流。
安装与启动
安装只需一行命令。macOS 和 Linux 用户：
curl -fsSL https://x.ai/cli/install.sh | bashWindows 用户使用 PowerShell：
irm https://x.ai/cli/install.ps1 | iex
安装完成后会提示你如何启动 Grok Build，运行命令 grok 或 agent，老马挺狂啊，直接把 agent 这个单词作为它的产品的入口，不过也符合老马的性格和野心哈哈哈哈。
我们输入其中一个来启动 Grok Build，初次启动会直接跳转到浏览器授权登陆。
登陆完成后就可以看到，界面的风格还是挺简洁帅气的。
基本上手
我们可以先在 Grok 官网免费试用 7 天的 SuperGrok，这样我们就可以解锁 Grok Build + Grok 4.5 模型的完整体验。
接下来我们先来一道开胃菜，让它帮我们总结最近 AI 相关的热点新闻，并总结成 HTML 页面方便阅读。
等待它调用搜索工具，速度挺快的，返回的内容详略得当。
接下来让它用 HTML 排版新闻热点内容。
可以看到效果还是不错的，在没有任何 Skills 的辅助下，Grok 4.5 的前端样式还算得上耐看的，层次也分明。
了解了 Grok Build 的基本对话使用，下面我们来进行网页实战开发案例。
旅行规划助手项目
首先我们要明确项目功能有什么，这个案例的目标是做一个真实可用的单页应用：一个 AI 旅行规划助手，输入目的地、日期、人数和预算，自动生成每日行程、景点推荐、交通建议和费用估算。
初始化项目
新建一个文件夹，在此处打开终端，然后启动 Grok Build。
Grok Build 有四种模式，Auto 自动模式、Normal 普通模式、Plan 计划模式、Always-Approve 始终批准模式，我们按快捷键 Shift + Tab 即可快速切换模式，这里我们先切换到 Plan 计划模式，先让 Grok 明确我们的需求，明确后再开始写代码，这样效率会更高，功能质量也会有保证。
然后我们来切换一下模型的思考强度，在输入框输入 /model，然后按回车选择 Grok 4.5 (current)，这里可以选择三种思考强度，High、Medium、Low，通过键盘上的 ⬆️⬇️ 键选择后，按 Tab 键确认。这里我们根据项目复杂程度选择 Medium，选择后并回车即可生效。
我们告诉 Grok 我们的需求后，它就会开始规划项目，如果有不满意的地方，可以选中不满意的位置（行号）进行评价。如果不小心关掉 Plan 预览我们可以用 /plan-view 命令重新打开。
这里我希望性能更好，所以让它不要引入外部的字体加载，然后我们的 AI 相关功能需要依赖 DeepSeek 的 API，所以它理解错了，我们需要纠正。
输入需要纠正的内容后，我们点击 a (approve) 按钮进行提交，它就会重新修改计划，直到计划完美了，我们就让它开始写代码。
这里它告诉我们初次使用需要在页面中配置 DeepSeek API，我们照做，然后体验一下初版本是否可用。可以直接让 Grok 帮你运行项目。
OK 也是非常完美一次就跑通，并且支持切换主题，之后的一些小细节我们可以再跟他提，比如说这个样式设计我不是很喜欢，我这里再把 Vercel 官方的 Design Skill 丢给它，让它照着规范来重新设计。
大家可以选择自己喜欢的品牌设计风格 Skills 丢给它，推荐一个前端设计 Skills 站点 getdesign.md，这里有大量品牌设计风格供你选择。
优化迭代
我们可以用 @ 命令指定文件，来精准修改内容，而不影响其他功能。
在项目基本完成后，我们可以让 Grok Build 帮我们为项目创建一个 AGENTS.md 来约束项目规范，后续的修改就能保证不会改到大动脉。
如果想在不影响当前项目的前提下尝试一个大改动，比如给旅行规划助手加入地图视图，可以用 /fork 命令分支当前会话（前提是要将项目初始化为 git 仓库）。配合 --worktree 参数，Grok 会在独立的 Git 工作副本中运行，两个会话互不干扰：
按 Ctrl+\ 打开 Agent Dashboard 可以同时管理原始会话和分支会话，按 Ctrl+[ 和 Ctrl+] 切换。Dashboard 将代理按状态分组（需要输入、工作中、空闲、已完成、失败），一目了然。
如果后悔了某次修改操作，我们也可以用 /rewind 命令来回到某一次请求，不用担心 Grok 不小心改废了某处功能。
如果在 Grok 写代码的过程中，突然想要补充点什么，但又不好打断当前的思维链，我们可以用 /btw 来补充内容，并不打断上一个会话。
我的使用体验
我个人是期待了非常久的 Grok Code 产品，我用过很多 AI Coding 工具，感觉都挺好用，但感觉都差点意思，Claude Code 太贵，而且帐号老被封，搭配国产模型效果又一般。Codex 写代码太慢，而且应用性能不是很好，但综合还是用它比较多。OpenCode 自由度很高，很适合做中小型开发，需要会配置相关内容才能用好。
Grok Build 给我的感觉还行，性能极佳的 TUI 页面交互，目前没遇到什么 bug，期待后续可以接入国产模型，因为 SuperGrok 也不便宜，30 刀一个月，但老马给的用量还算可以，Grok 4.5 的能力也很优秀。然后它有一个比较有意思的功能，/resume 命令可以让你把你在 Claude、Codex、Cursor 的会话直接搬进 Grok Build，无缝衔接干活 😂
Grok Build 能做的远不止这些，这仅仅是个入门，更多功能可以自行探索，后续我们也会更新更带派的内容，感谢关注！
Grok Build 文档：docs.x.ai/build/overview