Flowstep MCP — Windsurf

Налаштування

Відредагуйте ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "flowstep": {
      "serverUrl": "https://api.flowstep.ai/mcp"
    }
  }
}

Перезапустіть Windsurf після збереження.

Автентифікація

Під час першого використання Windsurf відкриває ваш браузер на сторінці входу Flowstep OAuth. Увійдіть за допомогою облікових даних Flowstep (електронна пошта та пароль або Google SSO), натисніть Allow на екрані згоди, і Windsurf збереже токен.

Перед підключенням потрібен обліковий запис Flowstep. Створіть його на app.flowstep.ai.

Перевірте з’єднання

Відкрийте панель MCP у Windsurf і переконайтеся, що Flowstep є в списку. У чаті Cascade:

List my Flowstep files

Приклад використання

Create a Flowstep file called "Empty states", then generate a mobile empty-state screen
for a task list app with an illustration placeholder and a call-to-action button.
Show me the rendered result.

Cascade викликає create-file → ai-design-screens → get-screen-image послідовно.

Початок роботи

Використання Flowstep

Команди та організації

Експорт та інтеграції

Сервер MCP

Оплата та плани

Безпека та конфіденційність

Flowstep MCP — Windsurf

Налаштування

Автентифікація

Перевірте з’єднання

Приклад використання

​Налаштування

​Автентифікація

​Перевірте з’єднання

​Приклад використання

Налаштування

Автентифікація

Перевірте з’єднання

Приклад використання