关于 devpick
devpick 是一组基于浏览器的开发者工具,其中 43 个本地工具面向 AI Agent。它适合希望在客户端处理数据、无需账号或后端的开发者;项目以开源静态站点形式提供。
主要功能
- 01提供 118 种浏览器开发工具
- 02提供 43 种 AI Agent 工具
- 03所有输入均在客户端处理
- 04构建为可自托管的静态站点
适用场景
- 01在浏览器中格式化或校验 JSON
- 02生成或审查 .gitignore
- 03使用工具时避免将输入发送到后端
配置
本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。
工具
43收录的工具列表 · 更新于 3 周前
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| files | array | 是 | 要合并的 PDF 文件绝对路径数组 |
| output | string | 是 | 合并后输出 PDF 的绝对路径 |
详细介绍
devpick.sh
不坑人的开发者工具。
118 款免费开发者工具。所有操作都在浏览器中完成——无需账户、不跟踪数据,你的输入绝不会离开你的设备。基于 MIT 协议开源。
工具
| 工具 | 路径 | 类别 |
|---|---|---|
| JSON 格式化工具 | /json-formatter | 格式化与验证 |
| Base64 | /base64 | 编码与解码 |
| URL 编码器 | /url-encoder | 编码与解码 |
| JWT 解码器 | /jwt-decoder | 编码与解码 |
| 时间戳 | /unix-timestamp-converter | 转换 |
| 哈希生成器 | /hash-generator | 生成 |
| UUID 生成器 | /uuid-generator | 生成 |
| .gitignore 生成器与审计工具 | /gitignore-generator | 生成与审计 |
开发
npm run dev # start dev server
npm run build # production build (static export to /out)
部署(Cloudflare Pages)
npm run build
# Upload /out folder to Cloudflare Pages
构建输出:./out(静态 HTML/CSS/JS)
技术栈
- Next.js 16(App Router,静态导出)
- Tailwind CSS v4
- lucide-react(图标)
- next/font(Inter + JetBrains Mono)
- next-sitemap
隐私
工具输入在客户端处理,绝不会发送给 DevPick。注重隐私的汇总分析会衡量页面和工具的使用情况,不会收集输入内容、文件名或生成的输出。
贡献
每款工具都是 app/<tool-name>/page.tsx 下独立的路由——可以复制现有路由作为起点。欢迎提交 PR:添加新工具、改进 UX、修复错误。
npm run dev # start dev server
npm run lint # eslint
npm run build # production build (static export to /out)
自托管
没有后端——构建会生成一个只包含静态文件的 out/ 目录。你可以使用任何方式提供这些文件:
docker compose up -d # builds and serves on :8080
# or
npx serve out # zero-config static server
# or
docker run -d -p 8080:80 -v ./out:/usr/share/nginx/html nginx:alpine
无需数据库、环境变量或 API 密钥。所有工具都完全在客户端运行。
文章
- 我将 118 款开发工具打包成单个静态导出:这是具体做法 — 介绍仓库的约定、构建时 SEO 审计,以及注重隐私的分析功能如何运作。
许可证
MIT — 参见 LICENSE。欢迎 Fork、自托管或用于商业用途。如果你用它做出了很棒的东西,欢迎附上链接,但这不是必需的。
评论
支持 Markdown
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。