पूर्वापेक्षाएं
- एक Flowstep खाता (app.flowstep.ai)
- Cursor
- Claude Code
Cursor v0.43+ की आवश्यकता हैसहेजने के बाद Cursor को पुनः शुरू करें।Cursor
चरण 1 — सर्वर जोड़ें
~/.cursor/mcp.json (वैश्विक) को बनाएं या संपादित करें या अपने प्रोजेक्ट रूट में .cursor/mcp.json:चरण 2 — प्रमाणीकरण करें
Cursor MCP पैनल खोलें (Settings → MCP) और Flowstep के आगे Connect पर क्लिक करें। Cursor आपके ब्राउज़र को Flowstep OAuth लॉगिन पर खोलता है। अपने Flowstep क्रेडेंशियल्स (ईमेल/पासवर्ड या Google) से साइन इन करें। ब्राउज़र वापस रीडायरेक्ट करता है और Cursor स्वचालित रूप से टोकन संग्रहीत करता है।प्रमाणीकरण करने से पहले आपको एक Flowstep खाते की आवश्यकता है। यदि आपके पास कोई नहीं है, तो पहले app.flowstep.ai पर साइन अप करें।
चरण 3 — एक टूल कॉल चलाएं
Cursor चैट में पूछें:“List my Flowstep files”Cursor
list-files को कॉल करता है और आपकी फ़ाइल सूची लौटाता है। यदि प्रतिक्रिया खाली है, तो पहले एक फ़ाइल बनाएं:“Create a new Flowstep file called ‘Dashboard‘“
चरण 4 — एक स्क्रीन जेनरेट करें
create-new-design को कॉल करता है (जो फ़ाइल को बनाता है और स्क्रीन को एक चरण में जेनरेट करता है), फिर get-screen-image को कॉल करता है। आप चैट में इनलाइन रेंडर किया गया डिज़ाइन देखेंगे।अगले कदम
- टूल्स संदर्भ — सभी 20 टूल्स के लिए पूर्ण input/output दस्तावेज़
- उदाहरण — बहु-चरण वर्कफ़्लो
- अन्य क्लाइंट्स — Windsurf, Claude Desktop, claude.ai