आवश्यकताएँ
- Flowstep अकाउंट (app.flowstep.ai)
- Cursor
- Claude Code
आवश्यक: Cursor v0.43+सेव करने के बाद Cursor रीस्टार्ट करें।Cursor
चरण 1 — सर्वर जोड़ें
Add Flowstep to Cursor पर क्लिक करके इसे एक क्लिक में इंस्टॉल करें, या अपने प्रोजेक्ट रूट में~/.cursor/mcp.json (ग्लोबल) या .cursor/mcp.json बनाएँ या एडिट करें:चरण 2 — प्रमाणित करें
Cursor MCP पैनल (Settings → MCP) खोलें और Flowstep के आगे Connect पर क्लिक करें। Cursor आपका ब्राउज़र Flowstep साइन-इन पेज पर खोलता है। अपनी Flowstep credentials (email/password या Google) से साइन इन करें, फिर consent स्क्रीन पर Allow पर क्लिक करें। ब्राउज़र वापस रीडायरेक्ट होता है और Cursor टोकन अपने-आप सेव कर लेता है।प्रमाणित होने से पहले आपके पास Flowstep अकाउंट होना चाहिए। न हो तो पहले app.flowstep.ai पर साइन अप करें।
चरण 3 — टूल कॉल चलाएँ
Cursor चैट में पूछें:“मेरी Flowstep फ़ाइलें दिखाओ”Cursor
list-files कॉल करता है और आपकी फ़ाइलों की सूची लौटाता है। अगर परिणाम खाली है, तो पहले एक फ़ाइल बनाएँ:“Dashboard नाम की एक नई Flowstep फ़ाइल बनाओ”
चरण 4 — स्क्रीन जनरेट करें
ai-design-screens कॉल करता है (जो एक चरण में नई फ़ाइल बनाता है और स्क्रीन जनरेट करता है), फिर get-screen-image। रेंडर किया गया डिज़ाइन आपको चैट में ही दिखेगा।ai-design-screens और अन्य AI डिज़ाइन टूल्स आपकी Flowstep मैसेज उपयोग सीमा से उपयोग होते हैं। सूचीबद्ध करना, पढ़ना और स्क्रीन रेंडर करना मुफ़्त है। देखें Usage limits.अगले चरण
- टूल्स संदर्भ: सभी 22 टूल्स के लिए पूर्ण इनपुट और आउटपुट दस्तावेज़
- उदाहरण: मल्टी-स्टेप वर्कफ़्लो
- अन्य क्लाइंट्स: Windsurf, Codex, Claude Desktop, claude.ai