Налаштування
Додайте сервер за допомогою CLI Claude Code:.mcp.json у корені проєкту і зафіксуйте файл:
Поле
"type": "http" є обов’язковим для HTTP-серверів Claude Code.Автентифікація
Claude Code автоматично виконує потік OAuth 2.1 PKCE під час першого виклику інструмента Flowstep. Ваш браузер відкриється на сторінці входу Flowstep. Увійдіть за допомогою облікових даних Flowstep (електронна пошта та пароль або Google), натисніть Allow на екрані згоди, і CLI отримає callback. Ключ API створювати чи оновлювати не потрібно.Перед автентифікацією потрібен обліковий запис Flowstep. Створіть його на app.flowstep.ai.
Перевірте з’єднання
Введіть/mcp у сесії Claude Code. Flowstep має відображатися як підключений, з доступними інструментами. Потім запитайте:
Приклад використання
ai-design-screens → get-screen-image і показує відрендерений результат прямо в розмові. Оскільки Claude Code уже має відкритим ваш репозиторій, можна продовжити запитом “Now build this screen in our app” (наприклад, «Тепер створи цей екран у нашому застосунку»). Тоді Claude прочитає дизайн через get-screen-jsx і реалізує його з вашими компонентами.