ARTICLE · 979228
不写一行代码,我用 AI 给自己造了个小工具:10 分钟,免费,今天就能照做
先说那件「认知之外的事」
上周朋友找我帮忙：她在小区里做烘焙团购，拍了四十多张产品图要发朋友圈，怕被同行盗图，想每张都打上自己的微信号水印。
她的做法是：搜「图片加水印在线工具」，挨个试。第一个要开会员，第二个免费但一次只能传 5 张，第三个能批量——但要把图全部上传到对方服务器，她犹豫了：这些图里有她家地址的定位截图。
如果你不会写代码，这件事的「正常解法」大概就是：要么花钱开会员，要么忍着一张张弄，要么把图交给一个不知道背后是谁的网站。
我给她的解法是：让 AI 写一个只属于她自己的加水印工具。不用装任何软件，不用注册任何网站，图片不离开她自己的电脑。全程 10 分钟，她全程没看懂一行代码——也不需要看懂。
这就是这个号想反复讲的事：AI 的价值不是把你会做的事提速 10%，而是把「写个工具」这种原本在你认知之外的事，直接拉进你的能力圈。
今天这篇，你可以原样照做一遍。
原理先讲人话：什么是「单文件网页工具」
先解释一个词，后面全靠它。
单文件网页工具：就是一个后缀为.html的文件，双击它，会用浏览器打开，长得像个网站，但它完全在你自己电脑上运行，不联网、不上传任何东西。大白话说：它是一个「假装成网页的本地小软件」。
为什么选这条路？因为它是零基础者的最优解：
不用安装编程环境（那是劝退 99% 普通人的第一道坎） 不用部署上线（做出来双击就能用） AI 对这类代码写得最熟练，一次成功率很高
顺带说下大背景：这种「用自然语言让 AI 写程序、自己只负责提需求和验收」的做法，现在有个流行的名字叫 vibe coding（氛围编程）。2026 年这已经是一个成熟赛道，从 Bolt.new 到百度秒哒，一堆平台专门做这件事。但今天我们不用任何专门平台——只用你手边已有的对话 AI，因为我想让你看清最底层的路径：这事的门槛比你想的低得多。
完整路径：四步，每步都给你抄
第 1 步：打开任何一个你用过的对话 AI
ChatGPT、Claude、Kimi、豆包、DeepSeek……哪个都行，用你平时聊天用的那个就好。这一步唯一的坑是：别纠结「哪个 AI 写代码最强」，对这种小工具，主流 AI 都绰绰有余，纠结选型只会消耗你的行动力。
第 2 步：把这段提示词原样发过去
这是我实测跑通的版本，你可以直接复制，也可以把水印文字、需求细节换成你自己的：
请帮我写一个单文件 HTML 网页工具，所有代码（HTML/CSS/JavaScript）放在同一个文件里，我保存成 .html 后双击就能在浏览器里用。功能是给图片批量加文字水印： 1. 可以一次选择多张本地图片； 2. 我能输入水印文字，调整文字大小、颜色、透明度，选择水印位置（右下角/居中平铺）； 3. 页面上能预览加好水印的效果； 4. 有一个「全部下载」按钮，把处理好的图片逐张下载下来； 5. 所有处理都在浏览器本地完成，不上传图片，不引用任何需要联网加载的外部库； 6. 界面简洁，中文，按钮字大一点。 请输出完整代码，不要省略任何部分
这段话里有三处是我替你踩过坑才加上的，划重点：
- 「不引用任何需要联网加载的外部库」
——AI 爱偷懒引用网上的现成代码包，一旦那个链接失效或你断网，工具就白屏。逼它把所有东西写进一个文件里。 - 「请输出完整代码，不要省略任何部分」
——不加这句，AI 有时会写「此处省略若干行」，你拿到的就是个残废文件。 - 把需求写成编号清单
——你列得越具体，一次成功率越高。含糊地说「帮我做个加水印的」，AI 会自由发挥，返工次数直线上升。
第 3 步：保存成 .html 文件，双击打开
AI 会吐出一大段代码，通常在一个深色代码框里，右上角有「复制」按钮。你要做的是：
点复制； 电脑上新建一个记事本/文本编辑文件（Windows 用记事本，Mac 用「文本编辑」并在格式菜单里切成纯文本）； 粘贴，保存，文件名改成 水印工具.html——关键是后缀必须是 .html，不能是 .txt；双击这个文件，浏览器打开，你的工具就在眼前了。
这一步最常见的翻车点：Windows 默认隐藏文件后缀名，你以为保存的是水印工具.html，实际是水印工具.html.txt，双击打开还是记事本。解决办法：在文件夹的「查看」设置里勾选「显示文件扩展名」，确认后缀正确。
第 4 步：验收和返工——这才是普通人的核心技能
第一版大概率能用，但不完美。我朋友那次的第一版，水印字在长图上小得像蚊子。这时候不要自己去改代码（你也改不了），把 AI 当成一个坐在你旁边的程序员，用人话描述问题：
水印文字在竖着的长图上太小了，希望文字大小按图片宽度的百分比来算，而不是固定像素。另外下载下来的图片名字是乱码，希望保留原文件名，在后面加上「_水印」。
然后把它给的新代码全选复制、覆盖粘贴回你的 .html 文件，保存，刷新浏览器。一轮不行就再来一轮，我朋友那个工具一共改了 3 轮，总耗时不到 10 分钟。
返工时唯一的技巧：描述现象，别猜原因。说「点下载按钮没反应」就好，不要说「是不是你代码第几行写错了」——现象是你的地盘，原因是 AI 的地盘，分工别乱。
诚实划线：这条路的边界在哪
照惯例，把 AI 带不动的地方说清楚，免得你期待错位：
- 数据不会保存。
这类单文件工具一关浏览器就什么都不记得。想做「记账本」「客户名单」这种要存数据的工具，得再进一步，这是下一篇的内容。 - 手机上不好用。
双击 .html 这条路在电脑上最顺，发给别人、在手机上用，都还需要别的手段。 - 复杂功能会翻车。
加水印、改尺寸、拆账单、批量重命名这类「一次性处理」的工具，AI 几乎百发百中；但涉及登录、多人协作、对接微信支付之类的需求，纯靠对话就会陷入改不完的泥潭——那已经是另一个量级的事。 - 验收必须靠你。
AI 不知道水印「好不好看」、结果「对不对」。拿你真实的图、真实的账目去测，这个判断谁也替不了你。
还有一句提醒：虽然这个工具本身不上传图片，但你如果把敏感图片或文件内容直接粘贴给 AI去分析，那是另一回事——给 AI 的是需求描述，不是你的隐私资料，这个界限自己把住