我花3小时用 AI 搭了个工具站

做这个工具的起因是，我的浏览器收藏夹已经乱到没眼看。虽然之前有尝试进行分类整理，什么图片库、创意库、设计库、AI工具库等等，但其实里面的大多数网站平常都很少用到。

想找个常用的工具，得点开层层文件夹，挨个翻。有时候明明记得收藏过，就是找不着。直接放首页导航栏里吧，放不下；放文档里吧，又丑又麻烦，每次还要切换窗口。

说白了，就是缺个顺手的入口。所以我干脆自己搭了个工具站，叫 Joy’s Toolkits（https://aspen-poplar-612.faces.site/j1qtqwjxdv9f）。长这样：

搭建用的工具叫 Faces，网址是 https://faces.app/

整个过程断断续续花了 3 个小时。说长不长，说短不短，但踩的坑和得到的惊喜，我觉得值得写下来跟你聊聊。

先说为什么要做这件事。你可能也有类似的困扰。现在网上的工具太多了，今天出一个新的，明天又冒出来一个更好用的。收藏夹越堆越厚，最后反而成了负担。

我不是程序员，不会写代码。但这不影响我想要的东西，没有就自己动手搭一个。这大概就是被 AI 惯出来的底气吧。

Faces 是个什么工具？

我是从 @张咋啦 那里知道这个工具的。简单说，就是一个用自然语言描述就能生成网页的 AI 工具。你想做个什么页面，有什么功能，长什么样，直接告诉它，它就能帮你实现。

听着有点像魔法。实际用起来，确实也有点魔法那味儿。不过友情提示，有魔法的话，体验感会更好一些。

整个搭建过程，我最大的体会是：最好一开始就有个参考图。

什么意思？就是你想做成什么样，心里得有个谱。怎么排列，用什么颜色，要放哪些内容，字体多大，布局怎么搞，链接怎么跳转。这些东西想得越清楚，得到的结果就越贴近你的想象。

我是怎么做的？

我先去找了一些自己喜欢的工具集合网站，截图存下来，然后让 Gemini 和豆包各生成了一版基础设计图。拿着这两版图，给到 Faces ，让它照着做。

为什么不直接让 Faces 生成？

因为我一开始也没想清楚，瞎试了几版，积分花了不少，出来的东西总觉得差口气。后来想明白了，磨刀不误砍柴工。先在外部把想法理清楚，再丢给 Faces 执行，效率会高很多。

当然，反过来的玩法也行。先让 Faces 搓一版出来，看着实物再调整。有时候意料之外的结果，反而还挺不错的。

调细节是真的花时间。

字号再大一点，字体颜色和背景的区分度再高一些，添加一些内容，某一部分移动到哪里。我就是这么一点点磨出来的。3 个小时里，至少 2 个半小时花在调这些细节上。

我后来的经验是，描述最好尽可能具体和量化。你让AI”把字号调大一点”，它理解的”大一点”和你理解的”大一点”，大概率不是一回事。但你说，工具行名称的字号改为 18px，颜色使用白色。这就没歧义了。改出来的结果，会贴近你想要的。

Faces 有个挺贴心的功能，可以圈定想要修改的部分。比如你觉得某个按钮的位置不对，就用框选工具圈出那个按钮，然后告诉它”往右挪 20 像素”。它对于修改意图的理解还是蛮准确的，比我跟某些人类沟通都顺畅（开玩笑）。

唯一不太爽的是，注册后只有免费的 15 积分，有点不太够用。我这 3 个小时下来，积分基本见底了。后面再想调整，得考虑要不要付费。

总之，我想跟你分享的是这两点。

如果你有清晰的想法，就尽可能清晰、量化地描述。别怕麻烦，想得越细，出来的东西就越对味。

如果你没有想得很清楚，也没关系。让 AI 先搓一版出来，看着实物再调整。很多时候，方向是在迭代中浮现的。

这大概也是跟 AI 打交道的常态吧。你不需要一开始就想明白所有事情。你只需要开始做，然后在做的过程中不断调整。

工具站我已经搭好了，放了一些我常用的工具。链接是 https://aspen-poplar-612.faces.site/j1qtqwjxdv9f

你可以看看，要是有兴趣也可以自己搭一个。反正，收藏夹乱成这样，也不是一天两天了。

以上，既然看到这里了，如果觉得不错，随手点个赞、在看、转发三连吧，如果想第一时间收到推送，也可以给我个星标⭐～