शीर्ष 12 Claude MCPs (पूर्ण सेटअप गाइड)

यह सबसे बड़ा अपग्रेड है जो आप अभी अपने Claude को दे सकते हैं।

बस कुछ ही मिनटों में, मैं आपको दिखाऊंगा कि कैसे MCP कनेक्शन का उपयोग करके ClaudeAI को अपने व्यक्तिगत रिसर्च और असिस्टेंट हब में बदल सकते हैं।

मैं पिछले कुछ महीनों से Claude के साथ MCP कनेक्टर का उपयोग कर रहा हूं।

मैंने सचमुच Anthropic के समर्पित लाइब्रेरी से हर एक Claude MCP कनेक्शन को एक्सप्लोर किया है।

ये 12 सबसे अच्छे MCP हैं जिनका उपयोग करना वाकई लायक है - और जिन पर मैं बार-बार लौटता हूं।

आज के लेख में, मैं न केवल अपनी टॉप 12 लिस्ट दे रहा हूं, बल्कि पूरी सेटअप प्रक्रिया में भी आपका मार्गदर्शन करूंगा।

जब तक आप पढ़ना खत्म करेंगे, आपको Claude MCPs में महारत हासिल करने और उन्हें अधिक उत्पादकता के लिए कैसे उपयोग करें, इसकी पूरी जानकारी होगी।

MCP क्या है?

एक लाइन में: MCPs को AI और बाहरी डेटा स्रोतों के बीच "पुल" के रूप में सोचें।

उदाहरण के लिए, Slack MCP को Claude से कनेक्ट करने से आप अपने सभी Slack संदेशों और डेटा पर Claude को प्रॉम्प्ट कर सकते हैं।

यह आपके टूल्स में AI इंजेक्ट करने जैसा है जिसमें अन्यथा यह नहीं होता।

MCPs आपको बाहरी टूल्स से रीयल-टाइम डेटा तक पहुंच प्रदान करते हैं, और आपको उस डेटा के आधार पर प्रॉम्प्ट/इनसाइट्स निकालने/कार्रवाई करने की अनुमति देते हैं।

सबसे अच्छी बात यह है कि इन्हें Claude के भीतर सेट करना बेहद सरल है और वास्तविक मूल्य प्राप्त करने में केवल कुछ मिनट लगते हैं।

किसी भी MCP को 5 मिनट से कम में कैसे सेट करें

Claude के भीतर MCP सर्वर कनेक्शन कॉन्फ़िगर करने के दो मुख्य तरीके हैं।

1. कनेक्टर (सबसे आसान)

कनेक्टर

Claude → Customize → Connectors पर जाएं

यहां आपको सभी आधिकारिक Anthropic-पार्टनर्ड MCP कनेक्शनों की पूरी सूची मिलेगी।

यह वह जगह है जहां आप Google टूल्स, Slack, Notion आदि जैसे बड़े टूल्स/कंपनियों को आसानी से कनेक्ट कर सकते हैं।

मेरी टॉप 12 लिस्ट ज्यादातर आधिकारिक Anthropic पार्टनर्स की है। जिसका मतलब है, वे कनेक्ट करने में बेहद आसान होंगे, और आपको नीचे दिए गए तरीके #2 पर निर्भर नहीं रहना पड़ेगा।

फिर भी, मैं आपको तरीका #2 के बारे में बताता हूं, क्योंकि यह मूल्यवान हो सकता है यदि आप अधिक विशिष्ट टूल्स कनेक्ट करना चाहते हैं।

1. Claude Code Config.

विधि #2 में Claude Code का उपयोग करना आवश्यक है।

अपना Claude Desktop ऐप → Claude Code खोलें, और टाइप करें:

Claude mcp add

फिर, जब संकेत दिया जाए, तो उस कनेक्शन का URL पेस्ट करें जिसे आप इंस्टॉल करना चाहते हैं, और Claude Code बाकी सब कुछ स्वचालित रूप से संभाल लेता है।

इस सर्वर URL कमांड के अलावा, आपको उस प्लेटफ़ॉर्म से एक API कुंजी की भी आवश्यकता होगी जिसे आप इंस्टॉल करने का प्रयास कर रहे हैं।

मेरी सलाह: यदि आपको API कुंजी कहां से प्राप्त करनी है, यह नहीं मिल रहा है, तो बस Claude Code को [x] MCP के लिए अपनी मुफ्त API कुंजी कैसे/कहां प्राप्त करें, इसकी जानकारी प्राप्त करने के लिए प्रॉम्प्ट करें।

बेहद सरल, लेकिन बिल्ट-इन कनेक्टर का उपयोग करने की तुलना में इसमें कुछ अतिरिक्त मिनट लगते हैं।

आप बस Claude Code को प्रॉम्प्ट भी कर सकते हैं:

1मैं [insert MCP] इंस्टॉल करना चाहता हूं, मेरे लिए कनेक्शन ढूंढें, और पूरी चीज़ A-Z से सेटअप करने में मेरी मदद करें।

इस प्रक्रिया के दौरान किसी भी परेशानी के लिए, आप कुछ इस तरह भी कह सकते हैं:

1"मुझे [x] MCP इंस्टॉल करने में परेशानी हो रही है, मेरी मदद करें।"

ठीक है, अब जब आप जानते हैं कि MCPs को कैसे कनेक्ट करना है, तो मैं आपको अपनी टॉप 12 लिस्ट दिखाता हूं।

इन टूल्स ने वास्तव में मेरी दैनिक उत्पादकता में क्रांति ला दी है, और मुझे उम्मीद है कि वे आपके लिए भी ऐसा ही करेंगे।

श्रेणी #4: उत्पादकता

ये तीन MCPs किसी भी उत्पादक Claude सेटअप की नींव हैं।

ये आपके संचार, आपके कार्य प्रबंधन और आपके संपूर्ण ऐप इकोसिस्टम को कवर करते हैं। यदि आप इस गाइड से केवल एक श्रेणी स्थापित करते हैं, तो इसे ही स्थापित करें।

#12: Slack

यदि आपका काम Slack के माध्यम से चलता है, तो यह MCP इस पूरी सूची में सबसे तुरंत उपयोगी कनेक्शन है।

आधिकारिक Slack MCP सर्वर Claude को आपके वर्कस्पेस तक पूर्ण पहुंच देता है - चैनलों में संदेश खोजना, बातचीत का इतिहास पढ़ना, संदेश भेजना, कैनवास बनाना और सदस्य प्रोफाइल खींचना।

1उपयोग करने के लिए सर्वश्रेष्ठ प्रॉम्प्ट
2
3"पिछले दो हफ्तों से Q2 बजट के बारे में हर बातचीत के लिए सभी चैनलों में खोजें और मुझे एक सारांश दें कि क्या तय किया गया था।"
4
5"आज इंजीनियरिंग चैनल में पोस्ट की गई हर चीज़ पढ़ें और मुझे बताएं कि क्या कुछ अत्यावश्यक है जिसका मुझे जवाब देने की आवश्यकता है।"
6
7"मार्केटिंग चैनल के लिए एक संदेश तैयार करें जिसमें घोषणा की गई हो कि नया उत्पाद लॉन्च लाइव है और इसे पोस्ट करें।"

#11: Notion

यदि आप मेरी तरह हैं, और आपका जीवन Notion पर चलता है, तो आपको यह कनेक्शन अत्यंत मूल्यवान लगेगा।

Claude को आपके सभी पेजों, डेटाबेस, CRM और अन्य सिस्टम तक पहुंच दें।

आप Claude से डेटा Notion पर भी भेज सकते हैं (जैसे चैट हिस्ट्री, विचार और सोच)।

इन्हें आज़माएं:

1"मेरा [x] डेटाबेस पढ़ें और मुझे [x] बताएं।"
2
3"मैंने अभी एक ब्रेनस्टॉर्मिंग सेशन खत्म किया है। मेरे आइडियाज डेटाबेस में इन पांच अवधारणाओं के साथ एक नया पेज बनाएं और प्रत्येक के नीचे एक टू-डू लिस्ट जोड़ें।"
4
5"मेरी पूरी टास्क लिस्ट स्कैन करें और मुझे एक प्राथमिकता वाला सारांश दें।"

#10: Zapier

यह मेरी सूची में थोड़ा वाइल्डकार्ड है।

केवल इसलिए क्योंकि यह कनेक्शन तभी उपयोगी है जब आप वास्तव में Zapier का उपयोग करते हैं।

Claude को Zapier से कनेक्ट करके, आप Claude को उन 9,000+ ऐप्स तक पहुंच दे रहे हैं जिन्हें आप Zapier से कनेक्ट कर सकते हैं।

आप अपने Zapier-कनेक्टेड टूल्स को इस तरह के प्रॉम्प्ट से स्कैन कर सकते हैं:

1"मेरे HubSpot में उन सभी डील्स को खोजें जो 14 दिनों से अधिक समय से प्रस्ताव चरण में हैं और मुझे संपर्क नाम और डील मूल्यों के साथ एक सूची दें।"

आपके सभी ऑटोमेशन तक पहुंच के साथ अत्यधिक अनुकूलन योग्य।

श्रेणी #3: Google Suite

Google Suite टूल्स का उल्लेख किए बिना यह सूची अधूरी होगी।

हम में से अधिकांश लोग प्रतिदिन Google का उपयोग करते हैं, इसलिए ये कनेक्शन शायद इस सूची में सबसे आवश्यक हैं।

#9: Google Drive

यह एक नो-ब्रेनर है। आपकी ड्राइव वह जगह है जहां सब कुछ रहता है (Docs, Sheets, Files, आदि)।

Claude को Google Drive से कनेक्ट करने से आप अपने सभी Drive डेटा से प्रॉम्प्ट और इनसाइट्स निकाल सकते हैं।

उदाहरण प्रॉम्प्ट:

1"मेरे Google Drive में Q1 कैंपेन ब्रीफ से संबंधित किसी भी दस्तावेज़ को खोजें और मुख्य बिंदुओं का सारांश दें।"
2
3"मेरी कंटेंट ट्रैकर स्प्रेडशीट ढूंढें और मुझे बताएं कि कौन से लेख अभी भी ड्राफ्ट के रूप में चिह्नित हैं।"
4
5"इस लेख को जो मैंने अभी लिखा है, मेरे कंटेंट फ़ोल्डर में एक नए Google Doc के रूप में सहेजें।"

#8: Gmail

सेकंडों में Claude को अपना व्यक्तिगत ईमेल सहायक बनाएं।

मेटाडेटा पढ़ें, थ्रेड खींचें, अटैचमेंट पढ़ें, और भी बहुत कुछ।

एक बार यह सेटअप हो जाने के बाद Manus जैसे अन्य टूल्स की कोई आवश्यकता नहीं है।

मुझे पसंद आने वाली कुछ प्रॉम्प्ट शैलियाँ:

1"पिछले 7 दिनों में ग्राहकों से आए सभी ईमेल के लिए मेरे इनबॉक्स में खोजें जिनका मैंने अभी तक जवाब नहीं दिया है। मुझे प्रत्येक का सारांश दें और बताएं कि क्या कार्रवाई आवश्यक है।"
2
3"उत्पाद लॉन्च के बारे में नवीनतम ईमेल थ्रेड ढूंढें और एक जवाब तैयार करें जिसमें पुष्टि हो कि हम समय सीमा के लिए ट्रैक पर हैं।"
4
5"पिछले 24 घंटों से मेरे इनबॉक्स में सब कुछ का सारांश दें और किसी भी अत्यावश्यक चीज़ को फ़्लैग करें।"

#7: Google Calendar

Gmail MCP की तरह, यह Claude को आपका व्यक्तिगत Google Calendar सहायक बनाता है।

निमंत्रण भेजें, ईवेंट अस्वीकार करें, मीटिंग ब्रीफ तैयार करें, और भी बहुत कुछ।

मैं अक्सर इन दो प्रॉम्प्ट का उपयोग करता हूं:

1"इस सप्ताह मेरा शेड्यूल कैसा दिखता है? मुझे दर-दिन का ब्रेकडाउन दें और किसी भी ऐसे दिन को फ़्लैग करें जो ओवरलोडेड दिखता है।"
2
3"इस सप्ताह मेरे कैलेंडर में एक डीप वर्क सेशन के लिए 90 मिनट का गैप ढूंढें और Focus Time नामक एक ब्लॉक किया गया ईवेंट बनाएं।"

असली शक्ति तीनों Google MCPs को कनेक्ट करने में है ताकि आप सेकंडों में अपने पूरे Google इकोसिस्टम डेटा में गोता लगा सकें।

श्रेणी #2: क्रिएटिव

अधिकांश लोग टेक्स्ट के लिए Claude का उपयोग करते हैं। ये तीन MCPs Claude को उन टूल्स में हाथ देते हैं जहां वास्तव में विज़ुअल काम बनता है।

#6: Excalidraw

Excalidraw एक व्हाइटबोर्ड टूल है जो अपनी साफ, हाथ से खींची गई सौंदर्यशैली के लिए जाना जाता है।

यह कनेक्शन आपको Claude को बताने देता है कि आप क्या चाहते हैं, और सेकंडों में, यह खींचा जाएगा।

यदि आप मेरे लेख पढ़ते हैं, तो आप जानते हैं कि मैं सचमुच अपने सभी ड्रॉइंग के लिए इस कनेक्शन का उपयोग करता हूं (जिसमें पहले प्रति स्केच 30+ मिनट लगते थे)।

मैं Claude को इस तरह की बातें बताना पसंद करता हूं:

1"[x] फ़्लोचार्ट बनाएं।"
2
3"[x] के लिए एक विज़ुअल बनाएं।"
4
5"सरल शब्दों में, [x] बनाएं।"

#5: Figma

Claude को आपकी सभी Figma फ़ाइलों और डिज़ाइनों तक सीधी पहुंच दें।

मैं अब \इतना\ इस कनेक्शन पर निर्भर नहीं हूं, लेकिन यह अभी भी एक अच्छा कनेक्शन है।

मैं वायरल इन्फोग्राफिक्स बनाने के लिए नियमित रूप से इस प्रॉम्प्ट का उपयोग करता था:

1"यह मेरी Figma फ़ाइल लिंक है। डिज़ाइन पढ़ें और एक पूरी तरह से कार्यात्मक React कंपोनेंट तैयार करें जो लेआउट, स्पेसिंग और टाइपोग्राफी से बिल्कुल मेल खाता हो।"

#4: Canva

Claude Design के हालिया रिलीज़ के साथ, मैंने अपने Canva कनेक्शन का अधिक उपयोग नहीं किया है, लेकिन मुझे इसे इस सूची में शामिल करना होगा, क्योंकि यह अत्यंत शक्तिशाली है।

यह एकमात्र कनेक्शन है जहां आप सेकंडों में, पैमाने पर विज़ुअल कंटेंट तैयार कर सकते हैं।

प्रेजेंटेशन या मौजूदा टेम्पलेट्स को संपादित करने के लिए अच्छा है:

1"मेरे Canva खाते में किसी भी मौजूदा प्रेजेंटेशन टेम्पलेट की खोज करें जो क्लाइंट पिच डेक के लिए काम करेगा और मुझे शीर्ष तीन विकल्प दिखाएं।"
2
3"मेरे लिए Canva में व्यवसाय ऑटोमेशन के लिए Claude का उपयोग करने पर एक 10-स्लाइड प्रेजेंटेशन बनाएं। एक पेशेवर शैली का उपयोग करें जिसमें भरपूर सफेद स्थान हो।"

श्रेणी #1: वित्त

एक ऐसे व्यक्ति के रूप में जो वित्तीय बाजारों में गहराई से शामिल है, ये कनेक्शन मेरे लिए अत्यंत मूल्यवान रहे हैं।

#3: TradingView

Claude Code को अपने TradingView से कनेक्ट करें और अपने AI को एक व्यक्तिगत बाजार सहायक में बदलें।

मैं आपको यहां सिखाता हूं कि इसे कैसे सेटअप करना है (सटीक प्रॉम्प्ट के साथ भी):

#2: Perplexity

Perplexity वित्तीय शोध के लिए अब तक का सबसे शक्तिशाली AI प्लेटफ़ॉर्म है।

इसे Claude से कनेक्ट करके, आप रीयल-टाइम मार्केट डेटा, समाचार स्रोतों और अधिक तक पहुंच प्राप्त कर रहे हैं।

मुझे ये प्रॉम्प्ट पसंद हैं:

1"मुझे शेयर बाजार, क्रिप्टो और मैक्रो के लिए पिछले 24 घंटों की एक समाचार रिपोर्ट दें।"
2
3"आज वित्त में शीर्ष विकास क्या हैं?"
4
5"[x] बाजार की वर्तमान स्थिति की एक गहन शोध रिपोर्ट तैयार करें।"

बेशक, आप इन्हें MCP के बिना Claude को भेज सकते हैं, लेकिन MCP संलग्न करने से आपके आउटपुट में काफी सुधार होता है।

कनेक्शन लिंक: https://docs.perplexity.ai/docs/getting-started/integrations/mcp-server

#1: Stripe

एक ऐसे व्यक्ति के रूप में जो डिजिटल उत्पाद बेचता है, यह कनेक्शन पूरी तरह से गेम-चेंजर रहा है।

यह एक अधिक विशिष्ट टूल है, लेकिन यदि आप भुगतान प्रसंस्करण के लिए Stripe का उपयोग कर रहे हैं, तो इसे ASAP Claude से कनेक्ट करने पर विचार करें!

राजस्व अंतर्दृष्टि, लेन-देन मूल्य, विफल भुगतान और अधिक के लिए प्रॉम्प्ट करें।

1राजस्व और व्यवसाय अवलोकन
2
3"मुझे पिछले 30 दिनों का पूरा राजस्व सारांश दें — कुल राजस्व, सफल भुगतानों की संख्या, औसत लेन-देन मूल्य, और कोई भी महत्वपूर्ण उछाल या गिरावट जो ध्यान देने योग्य हो।"
4
5"मुझे पिछले 6 महीनों का मेरा महीने-दर-महीने राजस्व दिखाएं और मुझे बताएं कि मैं ऊपर की ओर बढ़ रहा हूं या नीचे की ओर।"
6
7ग्राहक और सदस्यता खुफिया
8
9"उन सभी ग्राहकों को खोजें जिन्होंने पिछले 14 दिनों में साइन अप किया है लेकिन अभी तक दूसरी खरीदारी नहीं की है। मुझे उनके नाम, ईमेल और पहला लेन-देन मूल्य दें।"
10
11"उन सभी सक्रिय सदस्यताओं की सूची बनाएं जो अगले 7 दिनों में नवीनीकृत होने वाली हैं — ग्राहक का नाम, योजना और नवीनीकरण राशि शामिल करें।"
12
13विफल भुगतान और ग्राहक छूट रोकथाम
14
15"पिछले 7 दिनों के सभी विफल भुगतान खोजें। प्रत्येक के लिए मुझे ग्राहक का नाम, राशि, विफलता का कारण और बताएं कि क्या उनके पास एक सहेजा गया बैकअप भुगतान विधि है।"
16
17"किन ग्राहकों का पिछले 30 दिनों में एक से अधिक बार भुगतान विफल हुआ है? मुझे एक प्राथमिकता वाली सूची दें ताकि मैं फॉलो-अप कर सकूं और ग्राहक छूट को रोक सकूं।"

आप कस्टम वित्तीय ट्रैकिंग ऐप्स को वाइब-कोड करने के लिए अपने Stripe डेटा का भी उपयोग कर सकते हैं।

सम्मानजनक उल्लेख

• Similarweb: वेब ट्रैफ़िक डेटा और इनसाइट्स
• Monday: प्रोजेक्ट मैनेजमेंट
• ClickUp: प्रोजेक्ट मैनेजमेंट
• Zoom: अपनी मीटिंग्स खोजें, रीकैप करें और उन पर कार्रवाई करें
• Granola: AI मीटिंग नोट्स
• Gamma: AI प्रेजेंटेशन
• n8n: अपने AI वर्कफ़्लो तक पहुंचें
• Indeed: Claude के साथ नौकरियां खोजें

सब कुछ एक साथ रखना

ठीक है, तो आपने कुछ MCP कनेक्शन कनेक्ट कर लिए हैं - अब, आप वास्तव में उनका उपयोग कैसे करते हैं?

आपके पास कुछ तरीके हैं:

1. सामान्य प्रॉम्प्टिंग

बस Claude को इस तरह की बातें बताएं:

1"[x] करने के लिए मेरे [x] MCP कनेक्टर का उपयोग करें।"
2
3"[x] के लिए मेरे Google Drive में खोजें।"
4
5"[x] करने के लिए Canva का उपयोग करें।"

सरल, और अच्छी तरह से काम करता है।

1. समर्पित प्रोजेक्ट

आपका दूसरा विकल्प Claude में एक समर्पित "MCP Hub" बनाना है।

यह आपके MCP कनेक्शन चैट को व्यवस्थित करने का एक अच्छा तरीका है।

Claude → Projects → New Project → इसे "MCP Hub" नाम दें

इन निर्देशों को पेस्ट करें:

1आप निम्नलिखित लाइव MCP कनेक्शनों तक पहुंच वाले मेरे व्यक्तिगत AI सहायक हैं। जब भी प्रासंगिक हो, उनका सक्रिय रूप से उपयोग करें — मेरे द्वारा यह निर्दिष्ट करने की प्रतीक्षा न करें कि किस सर्वर का उपयोग करना है।
2
3Notion — मेरे कार्य, डेटाबेस, प्रोजेक्ट और नोट्स
4Slack — मेरे वर्कस्पेस संदेश, चैनल और टीम संचार
5Zapier — मेरा कनेक्टेड ऐप इकोसिस्टम जिसमें Gmail, Google Sheets, HubSpot और अधिक शामिल हैं
6Google Drive — मेरी फ़ाइलें, दस्तावेज़ और स्प्रेडशीट
7Gmail — मेरा इनबॉक्स, ईमेल थ्रेड और ड्राफ्ट
8Google Calendar — मेरा शेड्यूल, ईवेंट और उपलब्धता
9Excalidraw — विज़ुअल डायग्राम और व्हाइटबोर्ड
10Figma — मेरी डिज़ाइन फ़ाइलें और कंपोनेंट
11Canva — मेरे डिज़ाइन एसेट और टेम्पलेट
12Stripe — मेरा राजस्व, ग्राहक और भुगतान डेटा
13Perplexity — लाइव वेब खोज और गहन शोध
14TradingView — लाइव चार्ट डेटा और तकनीकी विश्लेषण
15हर बार जब मैं कोई प्रश्न पूछता हूं या आपको कोई कार्य देता हूं, तो स्वचालित रूप से सबसे प्रासंगिक कनेक्शनों से डेटा खींचें। मैं जो पूछ रहा हूं उसके आधार पर किन सर्वरों से क्वेरी करनी है, यह तय करने के लिए अपने विवेक का उपयोग करें।
16मेरी भूमिका: [बताएं कि आप क्या करते हैं]
17मेरे प्राथमिक उपकरण: [उन ऐप्स की सूची बनाएं जिनका आप सबसे अधिक उपयोग करते हैं]
18इस समय मेरी प्राथमिकताएं: [अपने वर्तमान प्रोजेक्ट या फोकस क्षेत्रों की सूची बनाएं]
19सभी आउटपुट स्पष्ट रूप से प्रारूपित करें। मुख्य अंतर्दृष्टि या कार्रवाई के साथ शुरुआत करें। प्रतिक्रियाओं को कभी न बढ़ाएं।

एक बार यह सहेज लिए जाने के बाद, इस प्रोजेक्ट के अंदर आपके द्वारा शुरू की गई हर बातचीत Claude के साथ खुलती है जो पहले से ही आपका पूरा संदर्भ जानता है और सभी 12 कनेक्शनों का एक साथ उपयोग करने का तरीका जानता है।

किसी सर्वर का उपयोग करने के लिए पुन: स्पष्टीकरण या मैन्युअल विनिर्देश की कोई आवश्यकता नहीं है। बस पूछें, और Claude जो भी प्रासंगिक है, उससे खींचता है।

जब भी आप कोई नया MCP जोड़ते हैं, तो सुनिश्चित करें कि इसे अपने प्रोजेक्ट के निर्देश सेट में जोड़ें।

1. वाइब-कोडेड ऐप

तीसरा विकल्प उन लोगों के लिए है जो विज़ुअल लेयर पसंद करते हैं।

उन्हीं MCP कनेक्शनों का उपयोग करके जो आपने पहले ही सेटअप कर लिए हैं, आप एक कस्टम उत्पादकता डैशबोर्ड को वाइब-कोड कर सकते हैं जो सब कुछ एक जगह विज़ुअलाइज़ करता है - कार्य, ईमेल, कैलेंडर, राजस्व, इत्यादि।

यह कुछ इस तरह दिखेगा:

वाइब-कोडेड MCP ऐप

उपरोक्त उदाहरण के लिए मेगा प्रॉम्प्ट:

1मेरे लिए productivity-hub.html नामक एक एकल HTML फ़ाइल के रूप में एक स्थानीय उत्पादकता डैशबोर्ड बनाएं।
2डैशबोर्ड डार्क थीम वाला होना चाहिए, हर 5 मिनट में ऑटो-रिफ्रेश होना चाहिए, और मेरे सभी कनेक्टेड MCP सर्वरों से एक साथ लाइव डेटा खींचना चाहिए। इसे एक पेशेवर कमांड सेंटर की तरह दिखना और महसूस करना चाहिए — साफ, घना और जानकारी से भरपूर।
3शामिल करने के लिए लेआउट और पैनल:
4टॉप बार — डैशबोर्ड शीर्षक, सभी कनेक्टेड MCP सर्वरों को दिखाने वाला लाइव स्थिति संकेतक, और अंतिम अपडेट टाइमस्टैम्प।
5मीट्रिक पंक्ति — शीर्ष पर चार सारांश कार्ड दिखाते हुए: आज देय कार्य (Notion), अपठित ईमेल (Gmail), अगला कैलेंडर ईवेंट (Google Calendar), और इस महीने का राजस्व (Stripe)।
6पंक्ति 2 — दो पैनल एक साथ:
7Notion कार्य पैनल: मेरे Notion डेटाबेस से खींचे गए मेरे खुले कार्य, प्राथमिकता के अनुसार क्रमबद्ध, स्थिति बैज के साथ।
8Gmail पैनल: प्रेषक, विषय पंक्ति और प्राप्ति समय के साथ मेरे पिछले 5 अपठित ईमेल।
9पंक्ति 3 — तीन पैनल एक साथ:
10Google Calendar पैनल: समय, शीर्षक और किसी भी वीडियो कॉल लिंक के साथ मेरे अगले 5 आगामी ईवेंट।
11Slack पैनल: प्रेषक और टाइमस्टैम्प के साथ मेरे सबसे सक्रिय चैनलों से नवीनतम संदेश।
12Stripe पैनल: ग्राहक का नाम, राशि और स्थिति के साथ हाल के लेन-देन।
13पंक्ति 4 — दो पैनल एक साथ:
14Canva पैनल: थंबनेल, शीर्षक और अंतिम संशोधित तिथि के साथ मेरे सबसे हाल ही में संपादित डिज़ाइन।
15Perplexity शोध पैनल: एक लाइव खोज इनपुट जहां मैं एक वेब शोध क्वेरी चला सकता हूं और परिणाम इनलाइन देख सकता हूं।
16नीचे का भाग — एक प्रॉम्प्ट इनपुट बार जहां मैं कोई भी प्रश्न टाइप कर सकता हूं और Claude स्वचालित रूप से उत्तर देने के लिए सभी कनेक्टेड सर्वरों से खींचेगा। इनपुट के नीचे सक्रिय MCP सर्वर पिल्स दिखाएं जो पुष्टि करते हैं कि कौन से सर्वर लाइव हैं।
17तकनीकी आवश्यकताएं:
18सकारात्मक मूल्यों के लिए टील एक्सेंट रंग और नकारात्मक मूल्यों के लिए लाल रंग के साथ डार्क बैकग्राउंड। प्रत्येक पैनल को कोने में एक छोटा टैग दिखाना चाहिए जो इंगित करता है कि यह किस MCP सर्वर से खींच रहा है। सभी डेटा हर 5 मिनट में स्वचालित रूप से टॉप बार में दिखाई देने वाले काउंटडाउन टाइमर के साथ रिफ्रेश होना चाहिए। यदि कोई सर्वर कोई डेटा नहीं लौटाता है, तो त्रुटि के बजाय एक सुंदर लोडिंग स्थिति दिखाएं। पूर्ण फ़ाइल को productivity-hub.html के रूप में सहेजें और समाप्त होने पर इसे मेरे ब्राउज़र में खोलें।

Claude Code स्वचालित रूप से पूर्ण डैशबोर्ड का निर्माण, परीक्षण और लॉन्च करेगा।

उस बिंदु से, यह आपके पूरे कार्य स्टैक के लाइव दृश्य के रूप में खुला रहता है।

यह आपके सभी टूल्स/ऐप्स के आधार पर एक कस्टम ऐप बनाने जैसा है - आप में से उन लोगों के लिए बहुत अच्छा तरीका है जो इसे बनाने को तैयार हैं।

समापन

तो, यह रहा।

मेरा संपूर्ण MCP स्टैक + सिस्टम गाइड।

मुझे उम्मीद है कि आपको यह मूल्यवान लगा।

यदि आपको यह पसंद आया, तो मुझे @aiedge_ पर फॉलो करना सुनिश्चित करें - मैं AI में सबसे गर्म विषयों पर सप्ताह में 2-3 बार इस तरह के लेख पोस्ट करता हूं।

यदि आप AI के बारे में लिखित सामग्री का आनंद लेते हैं, तो अतिरिक्त सामग्री के लिए मेरे मुफ्त साप्ताहिक न्यूज़लेटर की सदस्यता लेने के लिए स्वतंत्र महसूस करें:

https://www.aiedgehq.co/

https://www.aiedgehq.co/

100% मुफ्त, कोई स्पैम नहीं, और कभी भी सदस्यता समाप्त कर सकते हैं

अंत में, यदि आप कर सकते हैं, तो कृपया इस लेख को Like/Repost/Share करें ताकि अन्य लोग इसे देख सकें।💙

https://x.com/milesdeutscher/status/2044536031991763414