Zui近动手实践了下 Vibe Coding，想尝试​一行代码不写，纯通过 Prompt 让 AI 写了一个富文本渲染引擎​。

说实话，这个过程还是挺有挑战的，但也hen有趣！

项目背景

自定义富文本渲染引擎，Zui难的点在于如何实现精确的文本分词排版，iOS 有内置的 CoreText API用于文本分词排版，当然也Ke以基于开源的跨端排版引擎 HarfBuzz进行处理。

咱就是说我们这里不需要跨端，因此选择 CoreText 作为方案选型。

技术选型

,我们需要新建一个空的 iOS 项目和富文本渲染引擎的 pod,创建完成之后在 VSCode 中打开,点击右上角 Claude AI 的图标开启会话,输入/init命令初始化工程。

/init会在根目录下自动创建一个CLAUDE.md文件，这个文件Ke以理解成​全局上下文​，即每次新开 Claude 会话dou会自动加载其中的内容，我们Ke以在这里记录一些如修改历史、全局说明等内容。

架构设计

同时参考浏览器的布局渲染过程，引入三棵树的概念：ElementTree、LayoutTree、RenderTree。

架构设计好了细节想清楚了那怎么拆分子任务，其实也就明确了。

是 ElementTree 的创建，这一步还算比较顺利，AI 理解也比较到位，生成的代码基本符合预期。

Vibe Coding 实战

整体花了两天时间不到，效果如上图，支持的特性有：文本分词排版、布局渲染等。

在任务拆分时我们自己可Neng也没想明白应该怎么Zuo，那Ke以切换到 Plan 模式，让 AI 和我们一起拆任务。

经验

下面我想下Zui近实战的一些经验，希望对各位有帮助：

）写 Prompt 尽量用明确的词汇，不要表意不清

比如在构建 ElementTree 时我会明确告诉 AI 要支持哪些 Style，Ke以有效避免 AI 臆测。

）及时人工介入，避免在一个问题上死磕

有时候让 AI 修复 Bug 时可Neng反复修改dou解决不了这时候大概率是 AI 没有真正理解问题，或者就是输入的 Prompt 有问题，这种情况下就没必要让 AI 死磕问题了我们Ke以及时人工介入，避免浪费时间。

）善用提示词：think < think hard < think harder < ultrathink

Ke以在 Prompt 中追加 think hard / think harder 等词汇，来让 AI 进入​深度思考​，这并不是什么黑魔法，而是 Claude AI 官方认证的。

实践下来确实还是有效果的，如下是让 AI 修复文本对齐问题，加了 think hard AI 会geng深入理解代码，找到问题原因；当然这种方式也有弊端，就是会耗费geng多的 token👺。

Claude AI 的常用命令

/agents有的任务比较复杂，或上下文较多，那Ke以拆分成多个 agents 进行组合，比如写业务逻辑 -> 构建单元测试 -> CI/CD 等，Ke以拆分多个 agents 组合使用。

/compact 或/clear命令，来压缩/清除上下文。

一般我在修复有关联性的 Bug 时会使用/compact命令，这样 AI 就不需要重新理解工程，理解 Bug 了Ke以提高效率。

Vibe Coding 的挑战与思考

当你在进行Vibe Coding时,你并没有停止思考,而是从 生产者 变成了 审查者 。这听起来geng高级,但实际上geng累。 是高频的上下文切换。AIKe以在一次迭代中修改几个不同模块的文件。一旦你接受整个方案的时候,大脑需要瞬间理解这五个文件之间的耦合关系——落在实际操作中,往往就是不理解。

) 付费，而且还挺贵！

这是一个挺现实的问题，一些好的模型dou挺贵，而且还是消耗的刀乐，国内厂商的模型质量又不尽如人意。

项目用的 Claude AI ，差不多耗费了 $ ，本文将记录整个过程和一些经验。

谋定而后动，不管是我们自己写代码，还是让 AI 写代码，我觉得提前想好要Zuo什么怎么Zuo是非常重要的。

BugFix 尽量构造Zui小可复现 Demo

BugFix 其实也是一个子任务，Zui小可复现 Demo 减少 AI 的理解负担。

有时候让 AI 排查一些 Bug ，它无法找到真正的原因，反复修改后还是有问题。

这种情况下就需要人工介入了我们Ke以自己定位问题，再告诉 AI 怎么修改，而不要让 AI 死磕问题，避免浪费时间。

让 AI 编程，并不是说给一句话就Neng让 AI 完成代码，各种细节还是需要人来提前想清楚，毕竟Zui终维护代码和解决问题的还是我们自己，AI 只是帮我们 提效和 思路 的工具；有句话的蛮好：你Ke以将 AI 视为一个非常聪明，甚至资深，但是没有业务经验的程序员。

Zui后希望我的经验Neng对你有所帮助～

---