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

आवश्यकताएँ

claude.ai या Claude Desktop पर Claude इस्तेमाल कर रहे हैं? Flowstep Claude की directory में सूचीबद्ध connector है। claude.ai/directory/flowstep से इसे एक क्लिक में जोड़ें। देखें claude.ai.
आवश्यक: Cursor v0.43+

चरण 1 — सर्वर जोड़ें

Add Flowstep to Cursor पर क्लिक करके इसे एक क्लिक में इंस्टॉल करें, या अपने प्रोजेक्ट रूट में ~/.cursor/mcp.json (ग्लोबल) या .cursor/mcp.json बनाएँ या एडिट करें:
सेव करने के बाद Cursor रीस्टार्ट करें।

चरण 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 — स्क्रीन जनरेट करें

Cursor ai-design-screens कॉल करता है (जो एक चरण में नई फ़ाइल बनाता है और स्क्रीन जनरेट करता है), फिर get-screen-image। रेंडर किया गया डिज़ाइन आपको चैट में ही दिखेगा।
ai-design-screens और अन्य AI डिज़ाइन टूल्स आपकी Flowstep मैसेज उपयोग सीमा से उपयोग होते हैं। सूचीबद्ध करना, पढ़ना और स्क्रीन रेंडर करना मुफ़्त है। देखें Usage limits.

अगले चरण