mcpField
D
devpick

devpick

本地服务
github.com/kimbobmarley03开发工具03 周前更新

关于 devpick

devpick 是一组基于浏览器的开发者工具,其中 43 个本地工具面向 AI Agent。它适合希望在客户端处理数据、无需账号或后端的开发者;项目以开源静态站点形式提供。

主要功能

  1. 01提供 118 种浏览器开发工具
  2. 02提供 43 种 AI Agent 工具
  3. 03所有输入均在客户端处理
  4. 04构建为可自托管的静态站点

适用场景

  1. 01在浏览器中格式化或校验 JSON
  2. 02生成或审查 .gitignore
  3. 03使用工具时避免将输入发送到后端

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
"mcpServers": {
"kimbobmarley03-devpick": {
"command": "npx",
"args": [
"-y",
"@devpick/mcp-server"
]
}
}
}
启动命令npx -y @devpick/mcp-server

本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。

安装包
npm@devpick/mcp-server1.0.1

工具

43

收录的工具列表 · 更新于 3 周前

参数类型必填说明
filesarray是要合并的 PDF 文件绝对路径数组
outputstring是合并后输出 PDF 的绝对路径

详细介绍

devpick.sh

License: MIT Live

不坑人的开发者工具。

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 密钥。所有工具都完全在客户端运行。

文章

许可证

MIT — 参见 LICENSE。欢迎 Fork、自托管或用于商业用途。如果你用它做出了很棒的东西,欢迎附上链接,但这不是必需的。

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。