教程

介绍一下 Omnilude-tools

AAnonymous
5分钟阅读
#Next.js
#Omnilude Tools
#Vibe Coding
#产品开发

如果说这个博客对我来说是一个记录型产品，那么在它之前，我还有一个更早在实战里跑过的前辈项目，那就是 omnilude-tools。

这个项目本质上是一个汇集若干 Web 工具的页面，而我正是通过这个仓库，先测试了 vibe coding 到底能把一个真正可部署的产品推进到多快的程度。

从仓库记录来看，第一条 feat: init 프로젝트 提交出现在 2026 年 1 月 26 日上午，而 1 月 27 日下午又接着出现了 release: v1.0.0 和部署相关提交。也就是说，这个项目是一次大约两天内从实现一路推到部署的早期实验。

Omnilude-tools 是什么样的项目

现在的 omnilude-tools 是一个运行在 tools.omnilude.com 的多工具 Web 应用。它把开发者工具、文本工具、日常工具、时间工具和计算工具放进同一个产品里，并尽量让更多工作可以直接在浏览器中完成。

如果只看几个主要方向，大致是这样。

  • 开发者工具: UUID 生成器、时间戳转换器、正则测试器、JSON/YAML/XML 转换器、JWT 调试器
  • 文本工具: JSON Editor、Diff Checker、Markdown Preview、Emoji Picker、字数统计
  • 日常工具: QR 生成器、条形码生成器、随机选择器、颜色提取器、字幕转换器
  • 时间与计算工具: Global Time、Timer、D-Day 计算器、单位换算、GPS 坐标转换器、电阻计算器

有意思的是，这个项目并没有停留在一个工具很多的网站上。公开工具扩展到了 45 个规模，语言结构也覆盖了 7 个地区语言，以韩语为默认语言，同时支持英语、日语、中文、西班牙语、法语和印地语。免费、快速可用、浏览器内处理、多语言 SEO 这些产品层面的标准，从一开始就一起被放进去了。

技术

技术栈建立在 Next.js 16、React 19、next-intl、pnpm workspace 和 turbo 之上。另外还放置了一个共享 UI 包 @omnilude/ui，每个工具都按照 page.tsx、_components、_store、_lib 的模式整理。换句话说，新增工具时不需要每次重新发明结构，而是可以把功能直接放到可重复使用的框架上。

这个项目里我尤其喜欢三点。

  • 通过 src/lib/constants/tools.ts 统一管理分组、工具元数据、侧边栏结构和首页卡片链接
  • 通过 src/lib/utils/seo.ts 和 JSON-LD 组件，为各个工具和分组统一生成 canonical、hreflang、Open Graph 和结构化数据
  • 通过 scripts/deploy-prd.sh 和 kubernetes/prd 清单，把真实部署也留在仓库内部完成

部署结构也相当务实。Ingress 同时包含 tools.omnilude.com、www.omnilude.com 和 omnilude.com 这些主机，Deployment 里则把 startup、liveness、readiness probe 分开配置。之后仓库里还继续追加了基于 SSR 预热的无停机部署改进提交。也就是说，这不是一个做好就结束的项目，而是部署之后还持续从运营角度打磨的产品。

第一阶段目标已经完成

我通过这个项目确认的一点是，vibe coding 的核心并不是不加思考地快速堆出东西。恰恰相反。如果想在很短的时间里推进大量实现，就必须更快地建立可重复使用的标准。

我认为 omnilude-tools 能在两天内推进到部署，也正是因为这一点。

  • 产品范围很明确。浏览器内工具集合这个问题定义非常清楚。
  • 存在重复模式。共享 UI、共享状态管理方式、共享 SEO 工具已经在那里了。
  • 有很多 AI 擅长的区域。表单组织、转换逻辑、样板 UI 和重复实现都能更快推进。
  • 需要人工判断的点也很清楚。哪些工具要公开，哪些要隐藏，应该怎样命名和分组，什么才算达到部署标准，这些决定我都一直自己掌握着。

这一点很重要。比起仅仅确认 AI 能帮助我们更快做出原型，我更明确地确认了一件事，那就是如果人能把标准定清楚，真正的服务也可以被相当快地推起来。

不过，这个工具是否已经提供了足够有意义的价值，我觉得还需要再观察一段时间。 等有更多数据积累之后，我会再公开分享。

结尾

omnilude-tools 只是一个简单的 Web 工具集合，但对我来说，它是我第一次大幅依赖 AI 推向上线的产品。

而现在我构建和运营这个博客的方式里，也包含了那段经验。接下来我还想在这个博客里继续拆开讲讲 omnilude-tools 中的具体功能、多语言结构、SEO 判断，以及那些让快速部署成为可能的工作单元。

如果你感兴趣，也可以直接去看看 tools.omnilude.com。比起只读这篇文章，你可能会更快感受到这个项目到底是什么样的产品。