Передумови
- Обліковий запис Flowstep (app.flowstep.ai)
- Cursor
- Claude Code
Потрібен Cursor v0.43+Перезапустіть Cursor після збереження.Cursor викликає
Крок 1. Додайте сервер
Натисніть Add Flowstep to Cursor, щоб встановити його одним кліком, або створіть чи відредагуйте~/.cursor/mcp.json (глобально) або .cursor/mcp.json у корені проєкту:Крок 2. Автентифікація
Відкрийте панель MCP у Cursor (Settings → MCP) і натисніть Connect поруч із Flowstep. Cursor відкриє ваш браузер на сторінці входу Flowstep. Увійдіть за допомогою облікових даних Flowstep (електронна пошта та пароль або Google), а потім натисніть Allow на екрані згоди. Браузер перенаправить вас назад, і Cursor автоматично збереже токен.Перед автентифікацією потрібен обліковий запис Flowstep. Якщо його немає, спершу зареєструйтеся на app.flowstep.ai.
Крок 3. Виконайте виклик інструмента
У чаті Cursor запитайте:“List my Flowstep files”Cursor викликає
list-files і повертає список ваших файлів. Якщо відповідь порожня, спершу створіть файл:“Create a new Flowstep file called ‘Dashboard‘“
Крок 4. Згенеруйте екран
ai-design-screens (який створює новий файл і генерує екрани за один крок), а потім get-screen-image. Відрендерений дизайн з’явиться прямо в чаті.ai-design-screens та інші інструменти AI-дизайну використовують вашу квоту повідомлень Flowstep. Перегляд, читання та рендеринг екранів безкоштовні. Див. Ліміти використання.Наступні кроки
- Довідник інструментів: повна документація вхідних і вихідних даних для всіх 22 інструментів
- Приклади: багатоетапні робочі процеси
- Інші клієнти: Windsurf, Codex, Claude Desktop, claude.ai