我做的两个小工具网站：星露谷存档修改器 & 拼豆图纸助手

做东西的乐趣有时候不在于写了多复杂的代码，而在于自己真的用得上。这篇文章介绍两个我日常会用到的小工具网站，一个关于游戏，一个关于手工——听起来八竿子打不着，但它们有一个共同点：都是因为”现有工具不太顺手”才自己动手做的。

🌾 星露谷存档修改器#

如果你玩过《星露谷物语》（Stardew Valley），大概知道它的存档是一个 XML 文件，里面记录了金币、物品、NPC 好感度等等数据。想改存档，要么用文本编辑器手动翻 XML，要么用一些桌面端工具——但前者容易改坏结构，后者很多已经没人维护了。

所以我做了这个网页版存档修改器，核心思路是：

技术上用的是 Next.js，整个应用跑在浏览器端，存档解析和修改逻辑不经过后端。对于不想折腾命令行或者桌面应用的玩家来说，打开网页就能用应该是最低门槛的方案了。

拼豆（Fuse Beads / 熨斗豆）是一种用小塑料珠子按图案排列、加热熔合的手工活动。做拼豆的第一步是拿到一张图纸——告诉你每个位置该放什么颜色的珠子。

市面上有一些图纸生成器，但我用下来总觉得少了点什么：颜色不够准、没法控制板子大小、导出的图不够清晰、或者界面实在太老旧。于是就自己写了一个。

图片转拼豆图纸：上传一张图片，工具会按照 Mard 221 色卡（一个包含 221 种颜色的拼豆色卡标准）将图片量化成对应的珠子颜色，生成带编码的图纸。
板子和图片区域分离控制：可以独立设置板子的颗粒数和图片实际占用的区域大小。比如你用的是 29×29 的板子，但希望图案只占中间 24×24 的范围，留一圈空边——这个工具直接支持。
颜色合并：通过容差滑块可以把接近的颜色合并，减少需要准备的珠子种类。实际拼豆的时候，颜色太多是真的很麻烦。
三种查看模式：
- 配色预览：看最终效果长什么样
- 图纸编码：每个格子显示颜色代号，拼豆时对照着放
- 原图参考：和原图对比，检查转换质量
大图导出：不受工作区宽度限制的完整图纸导出，带颜色代号和颗粒统计汇总，可以直接下载保存或打印。

技术栈同样是 Next.js，界面用了 shadcn/ui 组件库，颜色量化和图纸生成的逻辑全部在浏览器端完成，不需要上传图片到服务器。

其实两个工具的出发点都很朴素：现有方案不够好用，或者已经停更了。与其在别人的工具上忍受各种小问题，不如自己写一个，反正都是前端能解决的事情。

做出来之后放在自己的域名下，自己用着方便，如果碰巧也能帮到别人就更好了。

如果你也在玩星露谷或者在做拼豆，欢迎试试看：

有任何问题或建议，可以在博客评论区留言，也可以去对应的 GitHub 仓库提 Issue。