一、云排 AI | 公众号智能排版工具

（一）背景与功能介绍

平时我有写文章的习惯，从写到排版发布，排版也会占用我较长时间，主要花在文段换行/空行、关键词加粗、配图这三个方面。

所以，我想既然现在 AI 编程这么流行，刚好借这个需求体验一下 VibeCoding ，试试里边的水是深是浅。

下图是工具成品，模仿微信的清新简约风格，有没有高级感？

这个工具实现了分段空行、关键词自动加粗的功能，自动配图功能未实现（或许以后会扩展）。

用户在左侧输入文本粘贴文本之后，AI 会自动解析用户文本，并进行自动排版，排版结果会展示在预览区，支持手动修改部分文字，点击复制直接原样粘贴到微信公众号文章后台，所见即所得。

项目开源地址：https://gitee.com/kmyyds/cloud-layout-ai.git

（二）技术栈

这里简单介绍下技术栈，这个工具是纯前端实现，模型用的 deepSeek（便宜啊！）。

二、实现过程

别看功能简单，这个版本我还是推翻重做的一版，第一版看着逼格很高，结果越改越烂。

所以 Vibe Coding 要避的第一个坑，就是自己要先想清楚，要实现哪些必要功能！不然交给 AI 模型帮你思考，它就如脱缰骏马，策马乱奔哦。

所需工具：

01.AI 代码编辑器：trea（优势：免费且Agent 自主开发）；

02.豆包（设计开发文档和提示词）；

03.deepSeek（模型调用）

第二版推翻重做，我具体做了以下这些动作：

梳理核心需求，先确认必须实现的核心功能，以结构化的文本总结出来；
和 AI 讨论需求，底层原理，如何实现，可以采用哪些技术（补充前置知识），比如需要了解：直接粘贴到微信公众号需要什么格式，有哪些限制等；
让 AI 编写需求文档，给 AI 一个产品经理的角色，让它分析当前核心需求，并给出产品文档，并针对实现这个项目拆分开发周期，一阶段，二阶段...

你是一个资深的产品经理，我现在要通过 vibeCoding 实现一个公众号 Ai 自主排版工具，需要你协助实现 mvp 验证，核心实现以下功能点：
功能描述：根据用户粘贴的整篇文章，自动分段，划重点加粗，排版好的文章可以直接粘贴到公众号平台，匹配公众号格式
1.调用 deepSeek 接口，让大模型对用户文章智能换行（降低阅读压力），并自动划重点；
2.Ai 排版好的文章，支持在线编辑；
3.完成排版支持一键复制
针对以上基本需求，设计出清晰地提示词；
注意：
1.我只给出了核心需求，没有覆盖一个排版工具的其他基本功能，如果是刚需功能，你需要补充完善；
2.你在完善功能的时候，不能将此项目设计太复杂，以实现核心功能为首要；

设计好开发周期之后，切换成技术专家的角色，让他根据需求进行具体设计，并直接给出提示词

之后就跟粘贴每个阶段的提示词，在 Trea 中跑代码，直接等着验收结果就可以；

每开发完一个阶段，当即验收，针对核心、必须修改 bug 及时和 Agent 对接修改（你指挥它干活！爽~）
这个过程就是反反复复的，如果 AI 修改得不好，有可能是指令模糊没有指出具体什么报错，哪里需要改动，改动点太多等等；

三、Vibe Coding 心法

通过这次实战，我现在觉得做好 Vibe Coding 的核心关键在这几点：

精准的需求描述
能分点，用几个字概括出要做什么功能；
精细化流程拆分
需要工程化的需求，分块拆解成可执行的任务，比直接给他一整个任务效果好很多，而且能逐步调整功能，确保每步的效果都在像最终功能推进；
精准可执行指令，
指令或者说提示词应该精简准确、没有多余形容词、分点结构化；

四、写在最后

以上就是这次项目实战总结的收获，写得比较精简，总结起来也就那几点内容，但还是要亲自上手试一试才有更真切的体感，快快尝试吧！

最后，再给大家分享下菜鸟编程的提示词工程技巧，这次实践结合教程要点挺受用的。

https://www.runoob.com/ai-agent/prompt-engineering.html

如果对你有帮助麻烦点点赞，项目已开源至

https://gitee.com/kmyyds/cloud-layout-ai.git