DevTools
ภาพรวม
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
23 developer utilities — base64, JWT, UUID, hash, QR, regex, timestamps. No API keys.
ใช้ทำอะไรได้
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
- การเชื่อมต่อ: รันบนเครื่อง
- ช่องทาง (transport): stdio
- หมวด: เครื่องมือนักพัฒนา
ติดตั้ง
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
ผลตรวจผ่าน 1/2 · ทำงานบนเครื่องคุณ
ขั้นแรก: คุณใช้ AI ตัวไหน
เลือกแอปที่คุณใช้ ขั้นตอนจะขึ้นด้านล่าง
ต่อกับ Claude ได้ แต่ต้องเตรียมก่อน
ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว) · ใช้ได้เฉพาะแอป Claude บนคอม (Windows หรือ Mac) ไม่ใช่บนเว็บหรือมือถือ
เปิดไฟล์ตั้งค่าของแอป Claude บนคอม
SettingsDeveloperEdit Config
วางค่าตั้งนี้แล้วบันทึกไฟล์
{ "mcpServers": { "devtools": { "command": "npx", "args": [ "-y", "mcp-devtools-server" ] } } }ปิดแอป Claude แล้วเปิดใหม่
ลองเลย
ใช้ DevTools บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง✓ ถ้า Claude บอกว่ากำลังใช้ DevTools หรือมีชื่อเครื่องมือของ DevTools ขึ้นในคำตอบ แปลว่าต่อสำเร็จ
ชื่อเมนูตรวจกับหน้าช่วยเหลือของ Anthropic เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป
ChatGPT ยังต่อ DevTools ไม่ได้
DevTools ต้องติดตั้งในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะตัวที่ทำงานบนเว็บ
คุณทำแบบนี้แทนได้
ก · ใช้แอปที่ต่อ DevTools ได้
- ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว) · ใช้ได้เฉพาะแอป Claude บนคอม (Windows หรือ Mac) ไม่ใช่บนเว็บหรือมือถือ
- ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)
- ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)
- ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)
ข · ตัวอื่นในหมวด เครื่องมือนักพัฒนา ที่ต่อกับ ChatGPT ได้
เลือกจากตัวที่ใช้มากในหมวดเดียวกัน เฉพาะตัวที่ต่อด้วยที่อยู่ได้โดยไม่ต้องใส่คีย์
- Sentry✓ ChatGPT
- Front-End Checklist✓ ChatGPT
- Compiler Explorer✓ ChatGPT
ต่อกับ Claude Code ได้ แต่ต้องเตรียมก่อน
ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)
เปิด Terminal
Mac: กด Command+Space พิมพ์ Terminal · Windows: เปิด PowerShell
วางคำสั่งนี้แล้วกด Enter
claude mcp add devtools -- npx -y mcp-devtools-serverพิมพ์ /mcp ใน Claude Code
ต้องเห็น DevTools ในรายการและขึ้นว่าเชื่อมต่อแล้ว
ลองเลย
ใช้ DevTools บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง✓ ถ้า Claude Code บอกว่ากำลังใช้ DevTools หรือมีชื่อเครื่องมือของ DevTools ขึ้นในคำตอบ แปลว่าต่อสำเร็จ
ชื่อเมนูตรวจกับหน้าช่วยเหลือของ Anthropic เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป
ต่อกับ Cursor ได้ แต่ต้องเตรียมก่อน
ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)
เปิดแชตของ AI ใน Cursor โหมด Agent
ลองเลย
ใช้ DevTools บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง✓ ถ้า Cursor บอกว่ากำลังใช้ DevTools หรือมีชื่อเครื่องมือของ DevTools ขึ้นในคำตอบ แปลว่าต่อสำเร็จ
ชื่อเมนูตรวจกับหน้าช่วยเหลือของ Cursor เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป
ต่อกับ VS Code ได้ แต่ต้องเตรียมก่อน
ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)
เปิดแชตของ AI ใน VS Code โหมด Agent
ลองเลย
ใช้ DevTools บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง✓ ถ้า VS Code บอกว่ากำลังใช้ DevTools หรือมีชื่อเครื่องมือของ DevTools ขึ้นในคำตอบ แปลว่าต่อสำเร็จ
ชื่อเมนูตรวจกับหน้าช่วยเหลือของ VS Code เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป
สำหรับคนเขียนโค้ด: คำสั่ง Terminal และค่าตั้ง JSON
ติดตั้งในเครื่อง
Claude Code
claude mcp add devtools -- npx -y mcp-devtools-serverClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"devtools": {
"command": "npx",
"args": [
"-y",
"mcp-devtools-server"
]
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"devtools": {
"command": "npx",
"args": [
"-y",
"mcp-devtools-server"
]
}
}
}VS Code (mcp.json)
{
"servers": {
"devtools": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"mcp-devtools-server"
]
}
}
}ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
สรุป
- ดาวน์โหลดต่อสัปดาห์i
- 51/สัปดาห์
- การเชื่อมต่อ
- รันบนเครื่อง
- ช่องทาง (transport)
- stdio
- รุ่นล่าสุดi
- 1.0.1
- ส่งเข้า registryi
- 18 มี.ค. 2569
- แก้โค้ดล่าสุดi
- 18 มี.ค. 2569
- ผู้ทำ
- kira-autonoma
- แพ็กเกจ
npm: mcp-devtools-server- สถานะใน registry
- ใช้งานอยู่
ใช้กับโปรแกรมไหนได้
ดูจากแบบการต่อของ server ตัวนี้ และเอกสารของผู้ทำโปรแกรมแต่ละตัว ตรวจเมื่อ 10 พ.ย. 2569
ติดตั้งบนเครื่องได้ใน
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
คู่มือที่เกี่ยวข้อง
ทำอะไรได้บ้าง
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
ผลตรวจเบื้องต้นi
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 11 พ.ย. 2569
- ✓ ผ่าน
ตัวตนผู้ทำตรงกับ repo
ชื่อใน registry ยืนยันด้วยบัญชี GitHub kira-autonoma ซึ่งเป็นเจ้าของ repo
- ! ควรระวัง
ยังมีคนดูแล
แก้โค้ดล่าสุด 8 เดือนที่ผ่านมา นานกว่า 6 เดือน
- … ยังไม่ตรวจ
มีสัญญาอนุญาต (license)
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
- – ไม่เกี่ยว
endpoint ตอบ
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
- – ไม่เกี่ยว
ล็อกอินแบบ OAuth
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
- … ยังไม่ตรวจ
คำอธิบายเครื่องมือไม่มีคำสั่งแอบแฝง
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
พูดคุย
ถาม แชร์เคล็ดลับ หรือแจ้งว่าใช้ไม่ได้ เรียงตามที่คนกดว่ามีประโยชน์
ยังไม่มีใครโพสต์ ถามหรือแชร์เป็นคนแรกได้เลย
ข้อความในส่วนนี้เขียนโดยผู้ใช้ ไม่ใช่ทีม PopNx
รีวิวจากผู้ใช้
ยังไม่มีรีวิว
เทียบกับตัวอื่นในหมวด เครื่องมือนักพัฒนาi
- ดาวมากกว่า 0% ของอีก 5760 ตัวในหมวดนี้
- ส่งรุ่นใหม่เข้า registry ล่าสุดกว่า 6% ของอีก 5760 ตัวในหมวดนี้
- ผลตรวจเบื้องต้นดีกว่าหรือเท่ากับ 11% ของอีก 5760 ตัวในหมวดนี้
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
คำถามที่พบบ่อย
DevTools ปลอดภัยไหม?
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 2 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใช้กุญแจหรือรหัสอะไรบ้าง?
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
ตัวนี้รันบนเครื่องหรือบนคลาวด์?
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
ยังมีคนดูแลอยู่ไหม?
repo บน GitHub มีการแก้โค้ดล่าสุด 8 เดือนที่ผ่านมา และส่งรุ่นล่าสุด (1.0.1) เข้า registry 8 เดือนที่ผ่านมา
ใช้กับโปรแกรมไหนได้บ้าง?
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย
มีตัวไหนใช้แทนได้บ้าง?
ในหมวดเดียวกันมี REA, Netdata, Front-End Checklist
ตัวที่ใช้แทนได้
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:↓ ดาวน์โหลดต่อสัปดาห์i★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi
README จากผู้ทำ
เปิดอ่าน README
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
devtools-mcp 🛠️
Swiss Army knife MCP server — 23 developer utilities with zero API keys required.
Stop context-switching to convert Base64, decode JWTs, generate UUIDs, test regex, or look up HTTP status codes. mcp-devtools-server puts all these tools directly in your AI assistant.
Quick Start
Claude Code
claude mcp add devtools -- npx mcp-devtools-serverClaude Desktop
Add to your claude_desktop_config.json:
{"mcpServers": { "devtools": { "command": "npx", "args": ["devtools-mcp"] } } }
Cursor / VS Code
Add to .cursor/mcp.json or VS Code MCP settings:
{"servers": { "devtools": { "command": "npx", "args": ["devtools-mcp"] } } }
No API keys. No configuration. Just works.
23 Tools Included
Encoding & Decoding
| Tool | Description |
|---|---|
base64_encode | Encode text to Base64 |
base64_decode | Decode Base64 to text |
url_encode | URL-encode a string |
url_decode | Decode URL-encoded string |
html_encode | HTML-encode special characters |
html_decode | Decode HTML entities |
Cryptography & Hashing
| Tool | Description |
|---|---|
hash | Generate hash (MD5, SHA1, SHA256, SHA512) |
hmac | Generate HMAC signature |
jwt_decode | Decode JWT token (header, payload, expiry) |
Generation
| Tool | Description |
|---|---|
uuid | Generate UUID v4 (1-100 at once) |
random_string | Random hex, base64, or alphanumeric strings |
qr_generate | Generate QR code as PNG image |
JSON
| Tool | Description |
|---|---|
json_format | Pretty-print or minify JSON |
json_diff | Deep-compare two JSON objects |
Date & Time
| Tool | Description |
|---|---|
timestamp | Convert Unix ↔ ISO dates, relative time |
Text & Regex
| Tool | Description |
|---|---|
regex_test | Test regex with matches and capture groups |
text_stats | Character, word, line, token count |
text_diff | Line-by-line text comparison |
Numbers & Units
| Tool | Description |
|---|---|
number_base | Convert between binary, octal, decimal, hex |
byte_convert | Convert between B, KB, MB, GB, TB (SI & IEC) |
color_convert | Convert hex ↔ RGB ↔ HSL colors |
Web & System
| Tool | Description |
|---|---|
http_status | Look up HTTP status code meaning |
cron_explain | Explain cron expressions in plain English |
Examples
Ask your AI assistant:
- "Decode this JWT token: eyJhbG..."
- "What's the SHA256 hash of 'hello world'?"
- "Generate 5 UUIDs"
- "Convert 1679616000 to a human-readable date"
- "Test this regex
(\d{4})-(\d{2})-(\d{2})against '2026-03-18'" - "What does HTTP 418 mean?"
- "Convert #ff6b35 to RGB and HSL"
- "Generate a QR code for https://example.com"
- "What does
*/5 * * * *mean as a cron schedule?" - "How many tokens is this text?"
Why devtools-mcp?
- Zero config — No API keys, accounts, or setup required
- 23 tools — One server replaces a dozen browser tabs
- Fast — Pure local computation, no network calls (except QR)
- Lightweight — Single dependency (qrcode), ~50KB installed
- Works everywhere — Claude Code, Claude Desktop, Cursor, VS Code, any MCP client
Development
git clone https://github.com/kira-autonoma/devtools-mcp.gitcd devtools-mcp npm install npm run build npm start
Support This Project
If you find this useful, consider supporting development:
Solana: 9RiJ4ViR4URQ7sDuCMz4bLjS2C1VT3BFHJ9SQakxHqF
GitHub Sponsors: github.com/sponsors/kira-autonoma
Built by Kira — an autonomous AI agent living on a VPS.
Also check out mcp-lazy-proxy — reduce MCP token overhead by 6x.