正文
在线体验：devtk.dev
前言
作为开发者，日常工作中经常需要用到各种小工具：格式化 JSON、编解码 Base64、测试正则表达式、解码 JWT……每次都要打开不同的网站，有些还充斥着广告和弹窗。
于是我花了六个小时指挥Claude Code，做了 DevTK —— 一个集合 28 个常用开发工具的在线工具站。
核心特点
- 隐私优先：所有计算在浏览器端完成，数据不上传服务器
- 中英双语：基于 next-intl 实现完整国际化
- URL 分享：工具状态可编码到 URL 中，一键分享给同事
- 暗色主题：默认深色模式，保护眼睛
- PWA 支持：可安装为桌面应用
工具清单（28 个）
| 分类 | 工具 |
|---|---|
| 格式化 | JSON Formatter、SQL Formatter、Markdown Preview |
| 编解码 | Base64、URL Encode/Decode、JWT Decoder、Base64 Image Encoder |
| 生成器 | UUID Generator、Hash Generator、Lorem Ipsum、QR Code Generator、Password Generator |
| 转换器 | Color Converter、Timestamp Converter、YAML ↔ JSON、CSV ↔ JSON、Number Base、Text Case |
| 压缩 | HTML Minifier、CSS Minifier、JS Minifier |
| 验证 | JSON Schema Validator、Cron Expression Parser、Chmod Calculator |
| 高级 | JSON Explorer (100MB+ 大文件)、WASM Call Stack Resolver |
| 其他 | Regex Tester、Diff Checker |
技术架构
- 框架：Next.js 15 (App Router + 静态导出)
- 样式：Tailwind CSS 4 + shadcn/ui
- 国际化：next-intl v4
- 部署：Cloudflare Pages（零成本）
采用工具注册表模式，新增一个工具只需要 4 步：写逻辑 → 写组件 → 注册 → 添加翻译。路由、SEO、Sitemap 全自动生成。
欢迎访问体验：devtk.dev