Next AI Draw.io
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Upload, transform, and deliver images on a global CDN via AI agents.
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
ผลตรวจผ่าน 1/2 · ทำงานบนเครื่องคุณ
ขั้นแรก: คุณใช้ AI ตัวไหน
เลือกแอปที่คุณใช้ ขั้นตอนจะขึ้นด้านล่าง
ต่อกับ Claude ได้ แต่ต้องเตรียมก่อน
ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว) · ใช้ได้เฉพาะแอป Claude บนคอม (Windows หรือ Mac) ไม่ใช่บนเว็บหรือมือถือ
SettingsDeveloperEdit Config
{
"mcpServers": {
"spronta": {
"command": "npx",
"args": [
"-y",
"@spronta/mcp"
]
}
}
}ใช้ Spronta MCP บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง✓ ถ้า Claude บอกว่ากำลังใช้ Spronta MCP หรือมีชื่อเครื่องมือของ Spronta MCP ขึ้นในคำตอบ แปลว่าต่อสำเร็จ
ชื่อเมนูตรวจกับหน้าช่วยเหลือของ Anthropic เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป
ChatGPT ยังต่อ Spronta MCP ไม่ได้
Spronta MCP ต้องติดตั้งในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะตัวที่ทำงานบนเว็บ
ก · ใช้แอปที่ต่อ Spronta MCP ได้
ข · ตัวอื่นในหมวด ออกแบบ ภาพ และเสียง ที่ต่อกับ ChatGPT ได้
เลือกจากตัวที่ใช้มากในหมวดเดียวกัน เฉพาะตัวที่ต่อด้วยที่อยู่ได้โดยไม่ต้องใส่คีย์
ต่อกับ Claude Code ได้ แต่ต้องเตรียมก่อน
ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)
Mac: กด Command+Space พิมพ์ Terminal · Windows: เปิด PowerShell
claude mcp add spronta -- npx -y @spronta/mcpต้องเห็น Spronta MCP ในรายการและขึ้นว่าเชื่อมต่อแล้ว
ใช้ Spronta MCP บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง✓ ถ้า Claude Code บอกว่ากำลังใช้ Spronta MCP หรือมีชื่อเครื่องมือของ Spronta MCP ขึ้นในคำตอบ แปลว่าต่อสำเร็จ
ชื่อเมนูตรวจกับหน้าช่วยเหลือของ Anthropic เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป
ต่อกับ Cursor ได้ แต่ต้องเตรียมก่อน
ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)
ใช้ Spronta MCP บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง✓ ถ้า Cursor บอกว่ากำลังใช้ Spronta MCP หรือมีชื่อเครื่องมือของ Spronta MCP ขึ้นในคำตอบ แปลว่าต่อสำเร็จ
ชื่อเมนูตรวจกับหน้าช่วยเหลือของ Cursor เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป
ต่อกับ VS Code ได้ แต่ต้องเตรียมก่อน
ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)
ใช้ Spronta MCP บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง✓ ถ้า VS Code บอกว่ากำลังใช้ Spronta MCP หรือมีชื่อเครื่องมือของ Spronta MCP ขึ้นในคำตอบ แปลว่าต่อสำเร็จ
ชื่อเมนูตรวจกับหน้าช่วยเหลือของ VS Code เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป
โปรแกรมอื่นที่ใช้ MCP ได้ เช่น Windsurf, Zed หรือ Gemini CLI มีวิธีเพิ่มต่างกัน ดูวิธีของแต่ละตัวในหน้ารวมโปรแกรม
ค่าตั้งแบบไฟล์ JSON อยู่ในหัวข้อ “สำหรับคนเขียนโค้ด” ด้านล่าง
Claude Code
claude mcp add spronta -- npx -y @spronta/mcpClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"spronta": {
"command": "npx",
"args": [
"-y",
"@spronta/mcp"
]
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"spronta": {
"command": "npx",
"args": [
"-y",
"@spronta/mcp"
]
}
}
}VS Code (mcp.json)
{
"servers": {
"spronta": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@spronta/mcp"
]
}
}
}ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
npm: @spronta/mcpดูจากแบบการต่อของ server ตัวนี้ และเอกสารของผู้ทำโปรแกรมแต่ละตัว ตรวจเมื่อ 10 พ.ย. 2569
ติดตั้งบนเครื่องได้ใน
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 11 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub spronta ซึ่งเป็นเจ้าของ repo
แก้โค้ดล่าสุด 8 เดือนที่ผ่านมา นานกว่า 6 เดือน
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
ถาม แชร์เคล็ดลับ หรือแจ้งว่าใช้ไม่ได้ เรียงตามที่คนกดว่ามีประโยชน์
ยังไม่มีใครโพสต์ ถามหรือแชร์เป็นคนแรกได้เลย
ข้อความในส่วนนี้เขียนโดยผู้ใช้ ไม่ใช่ทีม PopNx
ยังไม่มีรีวิว
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 2 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด 8 เดือนที่ผ่านมา และส่งรุ่นล่าสุด (0.1.3) เข้า registry 8 เดือนที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย
ในหมวดเดียวกันมี Next AI Draw.io, Pascal 3D Editor, screenpipe
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:↓ ดาวน์โหลดต่อสัปดาห์i★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
สร้าง ตรวจ และบันทึกฉากอาคาร 3 มิติที่แก้ไขได้ ด้วย Pascal
Search your local screen recordings, audio transcripts, and computer activity from screenpipe.
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
MCP server for uploading, transforming, and serving images on a global CDN — directly from AI assistants.
Connect Claude, GPT, Cursor, Windsurf, or any MCP-compatible client to the Spronta Image CDN. Upload images from URLs or base64, apply real-time transforms (resize, crop, format conversion, smart crop, blurhash), create reusable presets, generate signed URLs, and monitor usage — all through natural language.
thumbnail, hero, og-image)npm install -g @spronta/mcp
npx @spronta/mcp
claude mcp add spronta \
-e SPRONTA_API_KEY=spronta_img_... \ -e SPRONTA_PROJECT_ID=your-project-id \ -- npx @spronta/mcp
Add to your MCP configuration file:
{
"mcpServers": { "spronta": { "command": "npx", "args": ["@spronta/mcp"], "env": { "SPRONTA_API_KEY": "spronta_img_...", "SPRONTA_PROJECT_ID": "your-project-id" } } } }
| Variable | Required | Description |
|---|---|---|
SPRONTA_API_KEY | Yes | Your project API key |
SPRONTA_PROJECT_ID | No | Default project ID (can also be passed per-tool) |
SPRONTA_API_URL | No | API base URL (default: https://app.spronta.com/api) |
| Tool | Description |
|---|---|
list_projects | List all image projects |
create_project | Create a new project |
get_project | Get project details with usage stats |
update_project | Update name or custom domain |
delete_project | Permanently delete a project |
| Tool | Description |
|---|---|
upload_image | Upload from URL or base64 — handles presigned upload, blurhash generation, and CDN URL creation in one call |
list_images | List images with pagination |
update_image | Update alt text and tags |
delete_image | Delete an image from CDN and storage |
| Tool | Description |
|---|---|
list_presets | List named transform presets |
create_preset | Create a preset (use in CDN URLs with ?t=name) |
update_preset | Update a preset's name or transforms |
delete_preset | Delete a preset |
| Tool | Description |
|---|---|
get_signing_config | Get URL signing configuration |
update_signing | Enable/disable HMAC-SHA256 signing |
generate_signed_url | Generate a signed CDN URL with optional expiration |
| Tool | Description |
|---|---|
get_usage | Get daily metrics (requests, bandwidth, transforms) |
build_cdn_url | Build a CDN URL with transform parameters (no API call) |
Once connected, just ask your AI:
> Upload this image to my project: https://example.com/photo.jpg
Create a thumbnail preset: 200x200, cover crop, face detection, webp format
How many requests did my project handle this week?
Generate a signed URL for hero.jpg that expires in 1 hour
List all my images and update the alt text on the product shots
Build a CDN URL for banner.png at 1200px wide in avif format
When creating presets or building URLs, these transforms are available:
| Parameter | Type | Description |
|---|---|---|
width | integer | Output width (1–8192) |
height | integer | Output height (1–8192) |
fit | string | cover, contain, fill, scale-down, crop, pad |
format | string | auto, webp, avif, jpeg, png, jxl |
quality | integer | 1–100 |
qualityMode | string | high, medium, low (perceptual targeting) |
gravity | string | auto, face, center, position keywords |
blur | integer | Gaussian blur (1–250) |
sharpen | number | Unsharp mask (0–10) |
radius | integer | Corner radius (1–9999, or "max" for circle) |
grayscale | boolean | Convert to grayscale |
brightness | integer | -100 to 100 |
contrast | number | -100 to 100 |
saturation | integer | -100 to 100 |
sepia | boolean | Sepia tone filter |
rotate | integer | 90, 180, 270 |
flip | string | h (horizontal), v (vertical) |
The upload_image tool handles the full upload pipeline in a single call:
@spronta/images — Core URL builder SDK (zero deps)@spronta/images-react — React components@spronta/images-next — Next.js integration