अपने ऐप स्टोर स्क्रीनशॉट Claude Code, Codex या Gemini CLI से डिज़ाइन कराएँ। आपका एजेंट संपादन योग्य प्रोजेक्ट बनाता है, ब्राउज़र में समीक्षा करता है और एक्सपोर्ट लिंक आपको देता है।
https://appscreenshots.net/api/mcpएक कमांड से जुड़ें। फ्री और पेड प्लान दोनों में शामिल।
MCP क्या है?
AppScreenshots https://appscreenshots.net/api/mcp पर एक होस्टेड MCP (Model Context Protocol) सर्वर चलाता है, जिससे Claude Code, Codex और Gemini CLI जैसे AI टूल आपके खाते में ऐप स्टोर स्क्रीनशॉट प्रोजेक्ट बना, संपादित और समीक्षित कर सकते हैं — OAuth ब्राउज़र साइन-इन के साथ, बिना किसी API की के।
डिज़ाइन और कॉपी आपका AI एजेंट देता है। MCP सर्वर असली, संपादन योग्य प्रोजेक्ट सहेजता है: टेम्पलेट, डिवाइस मॉकअप, हेडलाइन और बैकग्राउंड एक ऐसा प्रोजेक्ट बन जाते हैं जिसे आप फ्रेम-दर-फ्रेम निखारते रह सकते हैं।
प्रीव्यू और एक्सपोर्ट वेबसाइट एडिटर में होते हैं, इसलिए आपकी नज़र से गुज़रे बिना कुछ भी पब्लिश नहीं होता।
आपके अधिकृत टेम्पलेट और एसेट से यह स्टोर-रेडी मार्केटिंग स्क्रीनशॉट — डिवाइस मॉकअप, हेडलाइन, ग्रेडिएंट और लोकलाइज़्ड कॉपी — संपादन योग्य प्रोजेक्ट के रूप में बनाता है।
simctl या fastlane snapshot जैसे टूल डिवाइस स्क्रीन पर पहले से दिख रही चीज़ की फोटो लेते हैं। रॉ कैप्चर के लिए उन्हें इस्तेमाल करें, फिर वे इमेज यहाँ एसेट की तरह अपलोड करें।
शुरुआत करें
नीचे दिया एंडपॉइंट अपने क्लाइंट में जोड़ें, फिर एक्सेस की अनुमति देने के लिए ब्राउज़र साइन-इन पूरा करें। इस पेज के सभी क्लाइंट Streamable HTTP और OAuth सपोर्ट करते हैं।
claude mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpclaude mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpइसके बाद: Claude Code में /mcp चलाएँ और ब्राउज़र में AppScreenshots को ऑथराइज़ करें।
{
"mcpServers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}codex mcp add appscreenshots --url https://appscreenshots.net/api/mcpcodex mcp add appscreenshots --url https://appscreenshots.net/api/mcpइसके बाद: ब्राउज़र साइन-इन खोलने के लिए codex mcp login appscreenshots चलाएँ।
[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"gemini mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpgemini mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpइसके बाद: Gemini CLI के अंदर /mcp auth appscreenshots चलाएँ।
{
"mcpServers": {
"appscreenshots": {
"httpUrl": "https://appscreenshots.net/api/mcp",
"oauth": {
"enabled": true
}
}
}
}{
"mcpServers": {
"appscreenshots": {
"httpUrl": "https://appscreenshots.net/api/mcp",
"oauth": {
"enabled": true
}
}
}
}https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcpइसके बाद: Kimi Code में /mcp-config खोलें, ऊपर का HTTP सर्वर जोड़ें, फिर /mcp-config login appscreenshots चलाएँ। सेव करने के बाद सेशन रीस्टार्ट करें।
{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcpइसके बाद: कॉन्फ़िग को ~/.zcode/cli/config.json में mcp.servers के नीचे मर्ज करें, या Settings → MCP में HTTP सर्विस जोड़ें। सेशन रीस्टार्ट करें और OAuth साइन-इन दिखते ही पूरा करें।
{
"mcp": {
"servers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}
}{
"mcp": {
"servers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}
}https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcpइसके बाद: अपने अकाउंट या वर्कस्पेस के कस्टम MCP कनेक्शन एंट्री से ऊपर वाला एंडपॉइंट और OAuth इस्तेमाल करें। उपलब्धता वर्कस्पेस सेटिंग पर निर्भर करती है।
GitHub पर सार्वजनिक कनेक्शन किट में ऊपर के सभी क्लाइंट की तैयार कॉन्फ़िग फ़ाइलें, वर्कफ़्लो सिखाने वाला वैकल्पिक एजेंट Skill और टर्मिनल से सर्वर जाँचने वाला doctor कमांड शामिल है।
GitHub पर appscreenshots-mcp देखेंटूल
रीड टूल क्षमताएँ, टेम्पलेट, प्रोजेक्ट और एसेट देखते हैं। राइट टूल प्रोजेक्ट बनाते हैं और रिवीज़न-सुरक्षित संरचित संपादन लागू करते हैं।
| टूल | क्या करता है |
|---|---|
get_capabilities | आपके एंटाइटलमेंट, डिज़ाइन सीमाएँ, डिवाइस और प्रीव्यू/एक्सपोर्ट मोड पढ़ता है |
search_templates | सार्वजनिक टेम्पलेट मेटाडेटा खोजता है |
get_template | आपके उपयोग का अधिकार वाला टेम्पलेट पढ़ता है |
list_projects | अधिकृत प्रोजेक्ट दिखाता है, प्रति पेज 25 |
get_project | प्रोजेक्ट का मौजूदा रिवीज़न और संपादन योग्य डिज़ाइन पढ़ता है |
get_project_preview | एडिटर लिंक, रिवीज़न, पेज और ब्राउज़र समीक्षा निर्देश देता है |
list_assets | साझा एसेट और अधिकृत प्रोजेक्ट के एसेट दिखाता है |
| टूल | क्या करता है |
|---|---|
create_project | टेम्पलेट या खाली कैनवास से प्रोजेक्ट बनाता है |
update_project | रिवीज़न और आइडेम्पोटेंसी सुरक्षा के साथ संरचित संपादन लागू करता है |
यह कैसे काम करता है
डिफ़ॉल्ट लूप जिसका पालन कोई भी जुड़ा हुआ एजेंट कर सकता है।
क्लाइंट में MCP सर्वर जोड़ें और अपने AppScreenshots खाते से साइन-इन करें। सहमति पेज पर चुनें कि टूल कौन से प्रोजेक्ट और एसेट इस्तेमाल कर सकता है और क्या वह प्रोजेक्ट बना सकता है।
साधारण भाषा में स्क्रीनशॉट सेट माँगें। एजेंट क्षमताएँ पढ़ता है, टेम्पलेट खोजता है और संपादन योग्य प्रोजेक्ट बनाता है।
प्रीव्यू टूल एडिटर लिंक देता है। ब्राउज़र टूल वाला एजेंट उसे खोलता है, स्क्रीनशॉट जाँचता है और MCP से विज़ुअल समस्याएँ ठीक करता है।
हर राइट रिवीज़न-सुरक्षित और आइडेम्पोटेंट है, इसलिए लोकलाइज़ करना, डिवाइस या स्टाइल बदलना — पुराने फ्रेम सुरक्षित रहते हैं।
वही प्रोजेक्ट वेबसाइट एडिटर में खोलें और स्टोर-रेडी इमेज एक्सपोर्ट करें। प्रीव्यू और एक्सपोर्ट हमेशा आपके हाथ में रहते हैं।
मेरे अधिकृत एसेट से किसी उपलब्ध टेम्पलेट का उपयोग करके एक अंग्रेज़ी App Store स्क्रीनशॉट प्रोजेक्ट बनाओ। छोटी हेडलाइन और साफ़ लेआउट रखो। उपलब्ध ब्राउज़र टूल से एडिटर खोलो, स्क्रीनशॉट जाँचो और विज़ुअल समस्याएँ ठीक करो, फिर मुझे वेबसाइट एक्सपोर्ट के लिए प्रोजेक्ट लिंक दो।
उदाहरण
प्रोजेक्ट संपादन योग्य बना रहता है, इसलिए बाद के बदलाव सस्ते हैं।
“मौजूदा फ्रेम जापानी और जर्मन संस्करणों में कॉपी करो। लेआउट वैसा रखो, हेडलाइन अनुवाद करो, और अनुवादित टेक्स्ट की लंबाई अंग्रेज़ी से 20% अधिक तक सीमित रखो।”
“डिवाइस मॉकअप को बड़े Pro Max मॉडल से बदलो और बैकग्राउंड ग्रेडिएंट ऐसे एडजस्ट करो कि कंपोज़िशन संतुलित बना रहे।”
“दूसरे फ्रेम को डार्क बैकग्राउंड दो, हेडलाइन ऊपरी तिहाई में ले जाओ, और कैप्शन के लिए सेकेंडरी एक्सेंट रंग इस्तेमाल करो।”
सुरक्षा और सीमाएँ
MCP एक्सेस स्कोप्ड, निगरानी योग्य और कभी भी रद्द करने योग्य है।
FAQ
AI टूल जोड़ने से पहले डेवलपर्स की सामान्य जिज्ञासाएँ।
AppScreenshots MCP सर्वर अपने AI टूल में जोड़ें और एक प्रॉम्प्ट से संपादन योग्य, स्टोर-रेडी स्क्रीनशॉट प्रोजेक्ट पाएँ।