Spec Driven Development
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Turn product photos or PSDs into photorealistic mockups: place artwork, edit text, fix tile seams.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
SUDOMOCK_API_KEYค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"sudomock": {
"command": "npx",
"args": [
"-y",
"@sudomock/mcp"
],
"env": {
"SUDOMOCK_API_KEY": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add sudomock --env SUDOMOCK_API_KEY='ใส่ค่าของคุณ' -- npx -y @sudomock/mcpเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"sudomock": {
"command": "npx",
"args": [
"-y",
"@sudomock/mcp"
],
"env": {
"SUDOMOCK_API_KEY": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"sudomock": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@sudomock/mcp"
],
"env": {
"SUDOMOCK_API_KEY": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 6 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub sudomock ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: SUDOMOCK_API_KEY
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (3.9.0) เข้า registry วันนี้
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย
ในหมวดเดียวกันมี Spec Driven Development, Remote Desktop Commander, Apify MCP Server
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
Remote Desktop Commander: use files, terminal and processes on your own computers from any AI app.
Extract data from any website with thousands of scrapers, crawlers, and automations on Apify Store ⚡
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
Generate photorealistic product mockups from Claude, Cursor, Windsurf, and VS Code.
Model Context Protocol server for the SudoMock mockup generation API. Upload PSD templates, place artwork onto smart objects, edit supported text layers, and get rendered image URLs -- all through natural language.
This is a local stdio server: your MCP client launches it as a child process via npx and authenticates with your SUDOMOCK_API_KEY.
claude mcp add sudomock \
-e SUDOMOCK_API_KEY=sm_your_key_here \ -- npx -y @sudomock/mcp
Get your API key at sudomock.com/dashboard/api-keys.
JSON config for other clients (Cursor, Windsurf, VS Code)
{
"mcpServers": { "sudomock": { "command": "npx", "args": ["-y", "@sudomock/mcp"], "env": { "SUDOMOCK_API_KEY": "sm_your_key_here" } } } }
Note: A hosted remote (HTTP/OAuth) transport is not available yet. This
package only ships the local stdio server shown above.
| Tool | Description | Credits |
|---|---|---|
list_mockups | List your uploaded mockup templates | 0 |
get_mockup_details | Get smart object UUIDs, dimensions, blend modes; with include_layers, every layer and its UUID, including the layers inside smart objects | 0 |
render_mockup | Render a mockup with artwork and/or editable text; hidden_layers leaves chosen layers out | 1 |
remove_background | Get a transparent-PNG cutout at a public URL that stays available for 7 days | 5 |
check_seams | Check whether a repeating pattern tile joins without a visible seam | 0 |
fix_seams | Repair a pattern tile's seams so it repeats cleanly (always async) | 60 |
list_fonts | List the fonts available for text layers, including your uploads | 0 |
create_upload_url | Get an upload URL for a local file and the file URL it will have | 0 |
create_2d_mockup | Create a photo mockup and detect printable surfaces automatically | 25 |
render_2d_surface | Print artwork across a whole surface (all-over) | 5 |
render_2d_print_area | Print artwork into one saved print area (a drawn zone) | 5 |
render_video | Animate a mockup into a video clip (always async) | cost-based (one per account at no charge, then cost-based) |
upload_psd | Upload a Photoshop PSD/PSB template (sync or async) | 0 |
list_2d_mockups | List saved photo mockup templates; use customizable_only for shopper-ready items | 0 |
get_2d_mockup | Get one photo mockup's saved print areas and its surfaces | 0 |
update_2d_print_areas | Replace a photo mockup's print-area geometry | 0 |
delete_2d_mockup | Delete a photo mockup template | 0 |
get_job | Check the status of an async job by job_id | 0 |
wait_for_job | Poll an async job until it succeeds or fails | 0 |
list_jobs | List async render, video, upload, and photo mockup jobs | 0 |
get_account | Check plan, credits, prepaid balance, and usage | 0 |
update_mockup | Rename a mockup template | 0 |
delete_mockup | Delete a mockup template | 0 |
create_webhook_endpoint | Register a webhook for async job completion, pinned to an event naming | 0 |
list_webhook_endpoints | List your webhook endpoints | 0 |
update_webhook_endpoint | Edit or enable/disable a webhook endpoint | 0 |
delete_webhook_endpoint | Delete a webhook endpoint | 0 |
rotate_webhook_secret | Rotate a webhook signing secret | 0 |
test_webhook_endpoint | Send a signed webhook.test event | 0 |
list_webhook_deliveries | List delivery attempts for an endpoint | 0 |
replay_webhook_delivery | Replay a single failed delivery | 0 |
replay_failed_webhook_deliveries | Replay every failed delivery for an endpoint | 0 |
The product calls its two kinds of template PSD mockups and photo mockups, and the tools answer to those names too. Nothing above was renamed: every name in the table keeps working exactly as it always has, and the spelling beside it is the same tool with the same arguments. Reach for either.
| Name in the table | Also answers to |
|---|---|
list_mockups | list_psd_mockups |
get_mockup_details | get_psd_mockup |
update_mockup | update_psd_mockup |
delete_mockup | delete_psd_mockup |
render_mockup | render_psd_mockup |
create_2d_mockup | create_photo_mockup |
list_2d_mockups | list_photo_mockups |
get_2d_mockup | get_photo_mockup |
update_2d_print_areas | update_photo_mockup_print_areas |
delete_2d_mockup | delete_photo_mockup |
render_2d_surface, render_2d_print_area | render_photo_mockup |
get_2d_mockup | get_2d_mockup_details |
test_webhook_endpoint | send_webhook_test_event |
render_photo_mockup | render_2d_mockup |
render_photo_mockup is the one that is not simply a second name for a single tool. It renders either kind of target from one tool: pass the mockup as mockup_id and name exactly one of surface_uuid (sized by coverage or an explicit width + height) or print_area_uuid (sized by fit or an explicit width + height). Picking the target by picking a tool, with mockup_uuid, is what render_2d_surface and render_2d_print_area still do. render_2d_mockup is render_photo_mockup under a second name, with the mockup passed as mockup_uuid.
render_mockup, upload_psd, create_2d_mockup, and both photo mockup render tools accept is_async: true, and render_video and fix_seams are always async. These return a job_id immediately (HTTP 202) instead of a final result. (create_2d_mockup and the photo mockup render tools are synchronous by default and return the mockup / render directly.) Poll it with get_job, or let wait_for_job block until the job reaches a terminal status and hands back result_url, mockup_uuid, credits_charged, and payg ({credits, unit_price, cost} for pay-as-you-go jobs, otherwise null).
For a photo mockup render, pick the tool that matches the target you read from get_2d_mockup. Every printable product in the photo, and the main wall of a room photo, is a surface with its own surface_uuid: render_2d_surface prints across the whole of one, and takes either a coverage percentage or an explicit width + height. A print area is a bounded zone somebody drew on a product, such as a chest logo: render_2d_print_area takes its print_area_uuid, and either a fit or an explicit width + height. A product can have both, and they are separate targets -- a saved print area does not close off the surface it sits on.
Sizing has one answer per render: send the relative option or the exact box, never both, and send width and height together. position, offset_x, offset_y and rotation place the artwork on either kind of target. Anything you leave out is left out of the request, so the renderer's own default applies rather than a copy of it kept here.
Each entry in a photo mockup's surfaces carries a label, what was detected there, such as pillow or wall, so you can tell surfaces apart before you pick one. update_2d_print_areas takes an optional print_area_id on each area: an area that sends one of the mockup's ids keeps it, and an area without one gets a new id.
tile repeats the artwork as a pattern across the whole target, and tile_spacing leaves a gap between the tiles: a percentage of the tile size, 0 to 100, so the horizontal gap is that percent of the tile width and the vertical gap that percent of the tile height. It is used only when tile is true.
smart_objects entry's asset on render_mockup. size is one tile, fit places the artwork inside each tile, and position sets where the grid starts.render_video takes them as parameters for the smart object it fills, with asset_width and asset_height as the size of one tile.coverage, fit, or width and height) is one tile, and position with offset_x and offset_y sets where the grid starts.A tile needs a size; without one the API answers 422.
Check the tile with check_seams before you render it. It answers at once, at no charge, with status: seamless, faint_seam or visible_seam. seams lists each side that does not join cleanly, left_right (where the right edge meets the left) or top_bottom (where the bottom edge meets the top), with the pixel ranges along it. fixable and unfixable_reason (transparent_edges or too_large) say whether the tile can be repaired, and previous_fix holds your latest fix of the same image, if there is one. Pass crop_aspect, the width divided by the height of one tile in your render, to check the image cropped to that shape the way fit: "crop" crops it.
fix_seams takes the same input and repairs the tile so it repeats without a visible seam. It is always async: read the job with get_job or wait_for_job. The finished job carries result_url, alternative_url (a second repaired version when one is available, otherwise null), result_status (the seam check of the result) and changes (edges or whole_tile); while it runs, stage reads queued, fixing or finishing. A fix that fails with error_code TILE_NOT_FIXABLE carries error_details.reason: not_a_pattern_tile or no_clean_result. Seam fix: 60 credits, refunded automatically if the fix fails; seam check: free.
remove_background returns a transparent-PNG URL valid for 7 days. You can pass that URL straight back as artwork_url during that window. To clean artwork inline during a single render instead, pass remove_background: true to render_mockup or either photo mockup render tool. Either way it costs 5 credits per artwork, refunded automatically if processing fails.
Register an endpoint with create_webhook_endpoint to be notified when async jobs finish. Deliveries are signed with TWO headers: X-SudoMock-Signature (a hex HMAC-SHA256 over ${timestamp}.${rawBody} using the secret returned at creation/rotation) and X-SudoMock-Timestamp (unix seconds). Verify in constant time and reject if |now - timestamp| > 300s.
Render, upload, and video job deliveries use {event, job_id, kind, status, result_url, error, created_at}. The typed photo mockup creation events add version, mockup_id, name, and either print_areas (ready) or reason (rejected). The typed photo mockup render events carry mockup_id, result_url, a public {error_code, message} failure when applicable, and optional export_format / duration_ms. Event types: render.succeeded, render.failed, upload.succeeded, video.succeeded, video.failed, photo_mockup.ready, photo_mockup.rejected, photo_mockup.failed, photo_mockup_render.succeeded, photo_mockup_render.failed, seam_fix.succeeded, seam_fix.failed, webhook.test. Seam fix deliveries carry result_url and alternative_url.
The five photo mockup events also have a legacy spelling: 2d_mockup.ready, 2d_mockup.rejected, 2d_mockup.failed, 2d_render.succeeded, 2d_render.failed (with kind 2d_create / 2d_render in the payload). Which spelling an endpoint receives is its event_naming pin, set at create_webhook_endpoint and returned on every endpoint: current (the names above) or legacy. A create without a pin takes current only when event_types names photo mockup events by their family names alone, and legacy otherwise, including an empty list. Endpoints registered before the pin existed stay on legacy, so a receiver written against the old names keeps working unchanged. Once that
ตัดมาแค่ช่วงต้น อ่านต่อใน repo