乐于分享
好东西不私藏

零代码,用AI一周做出了一个可用的小工具

零代码,用AI一周做出了一个可用的小工具

"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工具实测与效率提升 · 我们不接软广,只说真实感受

相关学习资料