"Vibe Coding"这个词你大概率已经听过了。
大意就是:不会写代码的人,用AI工具也能做出能用的软件。听起来很玄乎,但我最近真的试了——而且做出来的东西不是Demo,是真正在用的。
我做了什么
我做了一个"公众号文章排版检查器"。
功能很简单:把一篇公众号文章的HTML贴进去,它会自动检查:
有没有过长的段落(手机端阅读体验差) 图片有没有加alt属性 字体大小是不是合适 有没有可能导致排版崩坏的标签 为什么做这个?因为我每次写完公众号文章都要手动检查这些东西,挺烦的。一个自动化的工具能省不少时间。
用到的工具
整个过程主要用了两个东西:
Cursor — AI代码编辑器,用来写和调试代码 Claude Code— 偶尔用来处理一些更复杂的逻辑 没有手写一行代码。全部是通过自然语言描述需求,让AI生成代码,然后我来看效果、提修改意见。
实际过程
第1天:搭框架
打开Cursor,新建项目,跟它说:
"我想做一个网页工具,用户可以粘贴HTML代码,然后工具自动检查几个常见的公众号排版问题。前端就行,不需要后端。"
它生成了一个基本的HTML页面结构,有输入框、有按钮、有一个结果展示区域。
跑起来一看——能用,但很丑。而且检查逻辑只有3条规则,不够全面。
第2天:补功能
我跟它说:
"加上这些检查项:1. 段落超过300字的标红警告;2. img标签没有alt属性的标黄提醒;3. 内联style超过500字符的建议拆分;4. 检测是否有未闭合的标签;5. 统计总字数和预估阅读时间。"
这次生成的代码质量明显比第一天好。可能是它已经理解了我这个项目的上下文和风格偏好。
第3天:调UI
说实话这一步花的时间最多。
AI生成的UI通常能用但不好看。我反复跟它描述我想要的样式:圆角按钮、柔和的配色、结果用不同颜色区分严重程度。
前前后后大概改了7-8轮。每次都是截图给它看当前的效果,然后说"按钮再大一点""颜色太艳了换个温和的""这里间距太窄了"。
最终出来的界面虽然不算精美,但至少不丑。干净、清晰、能用。
第4-5天:测试和修bug
这步不能跳过。我用之前写过的几篇公众号文章HTML丢进去测试,发现了几个问题:
有些嵌套结构的HTML会误报 中文字符统计不准(把HTML标签也算进去了) 长文章处理时页面会卡顿 前两个问题我直接扔给AI让它修,它都解决了。第三个问题涉及性能优化,AI给了方案但我没完全搞明白原理,先放着了——反正我的文章一般不超过5000字,暂时不影响使用。
几个真实的感受
AI编程没有想象中那么神奇
网上的视频和文章经常给你一种感觉:"说一句话App就出来了"。实际体验完全不是这样。
你需要不断地:
描述清楚你要什么 看它生成的代码对不对 测试各种边界情况 反复调整细节 这个过程更像是在"带一个初级程序员",而不是"雇了一个高级工程师替你干完了"。
但确实降低了门槛
以前这种小工具我肯定不会去做。因为要学HTML/CSS/JS、要搭开发环境、要调试……光是前期准备就能劝退99%的非技术人员。
现在?只要你有清晰的思路和足够的耐心,真的能做出来。
不一定做得很好看、很完美。但"能用"这个门槛确实大幅降低了。
最大的障碍不是技术而是想法
我发现最难的不是让AI写出代码,而是想清楚你要做什么。
很多次AI问我"这部分逻辑怎么处理",我才发现自己其实没想好。不是技术问题——是我自己对产品的需求就没理清。
所以Vibe Coding真正的门槛不在编程能力,而在产品思维和沟通表达能力。
给想试试的人几个建议
从特别小的项目开始。别一上来就做"一个类似微信的东西"。做一个计算器、一个待办清单、一个数据格式转换器。 学会拆解问题。不要一次描述完整个产品。一步一步来,每一步确认OK了再做下一步。 保留所有对话记录。AI有时候会"忘记"之前的决策,你需要能把之前的上下文喂给它。 做好花时间的准备。我这个简单的小工具花了大约5天的业余时间。别信"10分钟做一个App"那种话。 最后
做完这个小工具之后我把它部署到了自己的服务器上,现在每次写完公众号文章都会先用它跑一遍。
节省的时间可能也就每次10分钟。但那种"这是我做的工具"的感觉,还挺爽的。
🎁 团队福利
点赞 + 关注 + 转发
截图发到公众号后台,回复关键词:AI工具免费领取:
📄 《2026年AI工具使用手册》
📄 《AI内容创作提效模板包》👇 还没关注的先点关注,限时领取
团队专注AI工具实测与效率提升 · 我们不接软广,只说真实感受
夜雨聆风