引言：为什么要做 shenqiku.cn？

作为一线开发者，你是否也经常遇到这些场景？

• 调试接口时，需要格式化 JSON 并生成 Java/Python 实体类
• 给产品临时做个带 Logo 的二维码
• 把手机拍的证件照一键裁剪成 1 寸红底
• 快速将时间戳转为可读日期，或 Base64 解码一段密文

市面上的在线工具要么广告满天飞，要么强制注册，要么导出带水印。更糟的是，很多工具功能单一、体验割裂。

于是，我决定自己造一个轮子——神器库（shenqiku.cn）。
而这次，AI 成了我的“联合开发者”。

一、AI 如何参与开发？——我的“Copilot 工作流”

整个项目从 0 到上线仅用 3 周，其中 AI（主要是 Claude 3.5 + GitHub Copilot）承担了约 60% 的编码与设计工作：

1. 需求分析 & 功能规划

• 输入：“列出开发者日常最常用的 20 个在线小工具”
• AI 输出结构化清单，并按使用频率排序 → 确定 MVP 功能集

2. 前端组件生成

• 描述：“用 Vue 3 + TypeScript 写一个 JSON 格式化组件，支持折叠、复制、生成实体类”
• Copilot 自动生成响应式 UI + 核心逻辑（如 AST 解析、代码模板）

3. 后端 API 设计（部分工具需服务端）

• 例如图片压缩、PDF 合并等依赖服务端
• 使用 AI 生成 FastAPI 接口草案 + Pydantic 模型 + 错误处理逻辑

4. 自动化测试脚本

• “为时间戳转换工具写一组 Jest 单元测试”
• AI 生成覆盖边界值（负数、超大时间戳、时区切换）的测试用例

✅ 关键心得：AI 不是替代开发者，而是把我们从“重复造轮子”中解放出来，聚焦于产品逻辑与用户体验。

---

二、技术架构全景图

1用户浏览器
2    │
3    ▼
4CDN (Cloudflare) ← 静态资源加速 + DDoS 防护
5    │
6    ▼
7前端：Vue 3 + Vite + TypeScript + Pinia
8    │
9    ├── 纯前端工具（JSON 格式化、Base64 编解码、颜色转换等）
10    └── 需后端工具 → 调用 API
11                        │
12                        ▼
13                  后端：FastAPI (Python 3.11)
14                        │
15                        ├── 图片处理：Pillow + OpenCV
16                        ├── PDF 处理：PyPDF2 + reportlab
17                        ├── AI 辅助：调用本地 LLM 生成代码模板（如 Java Bean）
18                        └── 部署：Docker + Nginx + Ubuntu 22.04

核心技术亮点：

• 90% 工具纯前端实现：无服务器依赖，零延迟，保护用户隐私
• 按需加载工具模块：Vite 动态 import，首屏加载 < 800ms
• 无埋点、无广告、无追踪：privacy-first 设计哲学
• 响应式 + PWA 支持：手机/PC 体验一致，可添加到桌面

---

三、几个典型工具的技术实现

1. JSON 转实体类（支持 6 种语言）

• 前端解析 JSON Schema
• 使用预定义的 Mustache 模板（由 AI 生成并优化）
• 示例模板（Java）：java

  编辑

  1public class {{className}} {
  2    {{#properties}}
  3    private {{type}} {{name}};
  4    {{/properties}}
  5}

2. 图片全能处理

• 前端使用 canvas 实现裁剪、加水印、格式转换（WebP/JPEG/PNG）
• 大图压缩（>5MB）自动 fallback 到后端，避免浏览器卡死

3. AI 工具导航页

• 聚合国内外 100+ AI 产品，数据源通过爬虫 + 人工校验
• 支持按“文本生成”“图像生成”“编程辅助”分类筛选

---

四、为什么坚持“完全免费”？

很多人问我：“不赚钱怎么维持？”

我的答案是：先创造价值，再考虑变现。

目前所有服务器成本（约 ¥200/月）由我个人承担。
只要还有用户说“这个网站帮我省了时间”，我就愿意继续维护。

而且——免费才能倒逼极致体验。没有付费墙，就必须靠产品本身留住用户。

---

五、未来计划

• ✅ 接入更多 AI 能力（如“用自然语言描述，自动生成正则表达式”）
• ✅ 开放工具 SDK，允许开发者贡献新工具
• ✅ 支持离线模式（通过 Service Worker 缓存核心功能）

---

结语

shenqiku.cn 不是一个炫技项目，而是一个解决真实痛点的产品。
它证明了：在 AI 时代，个人开发者依然能快速构建高价值工具。

🔗 项目地址：https://www.shenqiku.cn
🌟 欢迎 Star / 提 Issue / 提 PR（前端开源计划筹备中）

如果你也厌倦了满屏广告的工具站，不妨试试这个“干净”的选择。
让工具回归工具，让效率回归效率。