身為一名開發者，日常工作中總是需要處理各種瑣碎但重要的任務：轉換進位制、編解碼 Base64、格式化 JSON、生成 UUID 等等。雖然網路上有許多線上工具可以完成這些工作，但每次都要開瀏覽器、搜尋工具，實在不夠有效率。於是，我決定打造一款桌面應用程式來解決這個問題——DevWorkbench 就此誕生。
更特別的是，這個專案完全是透過 AI 輔助開發完成的，展現了 Vibe Coding 的魅力。
什麼是 DevWorkbench？
DevWorkbench 是一款使用 Tauri 和 React 建構的開發者工具應用程式，靈感來自 DevToys 和 DevUtils。它的目標是將開發者日常會用到的各種轉換、編碼、格式化工具整合在一個輕量級的桌面應用中。
功能特色
目前 DevWorkbench 已經實作了以下功能：
編碼與轉換工具
- 進位制轉換器：支援二進位、八進位、十進位、十六進位以及自訂進位之間的轉換
- Base64 編解碼：支援文字的 Base64 編碼與解碼
- Base58 編解碼：Bitcoin/IPFS 友善的編碼格式
- URL 工具：URL 編解碼、解析 URL 結構、Query String 轉 JSON 等
格式化與驗證
- JSON 格式化與驗證器：格式化、驗證並美化 JSON，支援可折疊的檢視器
- OpenAPI Spec 過濾器：載入 OpenAPI 規格檔，篩選 API 端點並匯出
UUID 生成器：支援生成和驗證 UUID v1/v3/v4/v5/v7，並支援批次生成
- UUID 生成器：支援生成和驗證 UUID v1/v3/v4/v5/v7，並支援批次生成
- JWT Token 工具：解碼、編碼和驗證 JSON Web Tokens
文字與時間工具
- 文字工具：HTML entities 編解碼、Unicode 轉換、大小寫轉換
- Unix 時間轉換器：Unix 時間戳與可讀日期的互相轉換
- Cron Job 解析器：解析 cron 表達式，產生易讀描述並預測執行時間
100% AI 生成的程式碼
這個專案最有趣的地方在於：整個應用程式完全是透過 Vibe Coding 使用 Claude Code 建構的，沒有任何人工手動編寫程式碼。每一行程式碼、設定檔，甚至 README 文件，都是透過與 AI 的自然語言對話生成的。
此外，使用者介面的設計和調整是透過與 Google Stitch 的協作完成的，在實作之前先討論和改進 UI 概念。這種 AI 對 AI 的協作工作流程展示了不同的 AI 工具如何共同創造出有凝聚力且設計良好的應用程式。
技術堆疊
- 前端：React 18 + TypeScript + Vite
- 後端：Rust + Tauri 2.6
- UI 框架：Tailwind CSS + Radix UI
- 套件管理：npm
安裝方式
你可以從 GitHub Releases 頁面下載預先建構好的安裝檔。如果你在 macOS 上遇到「DevWorkbench.app 已損壞」的錯誤，可以透過以下方式解決：
在終端機執行：
xattr -cr /Applications/DevWorkbench.app
或是右鍵點擊應用程式選擇「打開」，然後在彈出的對話框中點擊「打開」即可。
開源專案
DevWorkbench 採用 MIT 授權，歡迎大家使用、修改和貢獻。專案原始碼已經發布在 GitHub 上。
專案網址：https://github.com/jiayun/DevWorkbench
如果你覺得這個工具有用，歡迎給我一個 Star ⭐