मुख्य सामग्री पर जाएं

​
कॉन्फ़िगरेशन

Claude Code CLI से सर्वर जोड़ें:
किसी रिपॉज़िटरी में काम करने वाले सभी लोगों के साथ सर्वर शेयर करने के लिए, इसे प्रोजेक्ट रूट में .mcp.json में जोड़ें और फ़ाइल कमिट करें:
"type": "http" फ़ील्ड Claude Code HTTP सर्वर के लिए आवश्यक है।

​
प्रमाणीकरण

Claude Code पहली बार Flowstep टूल कॉल करते समय OAuth 2.1 PKCE फ़्लो को अपने-आप संभालता है। आपका ब्राउज़र Flowstep साइन-इन पेज खोलता है। अपनी Flowstep credentials (email/password या Google) से साइन इन करें, consent स्क्रीन पर Allow पर क्लिक करें, और CLI callback कैप्चर कर लेता है। कोई API key बनाने या रोटेट करने की ज़रूरत नहीं है।
प्रमाणित होने से पहले आपके पास Flowstep अकाउंट होना चाहिए। app.flowstep.ai पर एक बनाएँ।

​
कनेक्शन सत्यापित करें

Claude Code सेशन में /mcp टाइप करें। Flowstep कनेक्टेड के रूप में सूचीबद्ध होना चाहिए, और उसके टूल्स उपलब्ध होने चाहिए। फिर पूछें:

​
उपयोग का उदाहरण

Claude Code ai-design-screens → get-screen-image कॉल करता है और रेंडर बातचीत में ही दिखाता है। चूँकि Claude Code पहले से आपकी रिपॉज़िटरी खोले हुए है, आप इसके बाद “अब इस स्क्रीन को हमारे ऐप में बनाओ” जैसा फ़ॉलो-अप कर सकते हैं। वह get-screen-jsx से डिज़ाइन पढ़कर उसे आपके कंपोनेंट्स के साथ लागू कर सकता है।