> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Flowstep MCP — Windsurf

> Kết nối Flowstep với Windsurf bằng cách sử dụng MCP transport HTTP có thể truyền phát.

## Cấu hình

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

```json theme={"system"}
{
  "mcpServers": {
    "flowstep": {
      "serverUrl": "https://api.flowstep.ai/mcp"
    }
  }
}
```

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

## Xác thực

Lần đầu tiên sử dụng, Windsurf mở trình duyệt của bạn tới trang đăng nhập Flowstep OAuth. Đăng nhập bằng thông tin xác thực Flowstep của bạn (email/mật khẩu hoặc Google SSO) và Windsurf lưu trữ mã thông báo.

<Note>
  Bạn cần một tài khoản Flowstep trước khi kết nối. Tạo một tài khoản tại [app.flowstep.ai](https://app.flowstep.ai).
</Note>

## Xác minh kết nối

Mở bảng điều khiển MCP trong Windsurf và xác nhận Flowstep được liệt kê. Trong cuộc trò chuyện 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.
```