Flowstep MCP — Windsurf

Cấu hình

Chỉnh sửa ~/.codeium/windsurf/mcp_config.json:

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

Khởi động lại Windsurf sau khi lưu.

Xác thực

Ở lần sử dụng đầu tiên, Windsurf mở trình duyệt của bạn tới trang đăng nhập OAuth của Flowstep. Đăng nhập bằng thông tin Flowstep (email/password hoặc Google SSO), nhấp Allow trên màn hình chấp thuận, và Windsurf sẽ lưu token.

Bạn cần có tài khoản Flowstep trước khi kết nối. Hãy tạo tài khoản tại app.flowstep.ai.

Kiểm tra kết nối

Mở bảng MCP trong Windsurf và xác nhận Flowstep có trong danh sách. Trong khung chat Cascade:

List my Flowstep files

Ví dụ sử dụng

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 sẽ gọi create-file → ai-design-screens → get-screen-image theo thứ tự.

Bắt đầu

Sử dụng Flowstep

Nhóm & Tổ chức

Xuất & Tích hợp

Máy chủ MCP

Thanh toán & Gói dịch vụ

Bảo mật & Quyền riêng tư

Flowstep MCP — Windsurf

Cấu hình

Xác thực

Kiểm tra kết nối

Ví dụ sử dụng

​Cấu hình

​Xác thực

​Kiểm tra kết nối

​Ví dụ sử dụng

Cấu hình

Xác thực

Kiểm tra kết nối

Ví dụ sử dụng