> ## 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 — claude.ai

> Kết nối Flowstep với claude.ai bằng cách sử dụng một bộ kết nối MCP tùy chỉnh.

Claude.ai hỗ trợ các bộ kết nối MCP tùy chỉnh thông qua bảng điều khiển Tích hợp.

## Thêm bộ kết nối

<Steps>
  <Step title="Mở Tích hợp">
    Đi tới **claude.ai → Settings (Cài đặt) → Integrations (Tích hợp)**.
  </Step>

  <Step title="Thêm bộ kết nối tùy chỉnh">
    Nhấp **Add More** (Thêm nhiều hơn) (hoặc **Custom Connector** (Bộ kết nối tùy chỉnh)), sau đó nhập:

    ```
    https://api.flowstep.ai/mcp
    ```
  </Step>

  <Step title="Xác thực">
    Claude.ai chuyển hướng trình duyệt của bạn tới `https://api.flowstep.ai/oauth/authorize`. Đăng nhập bằng tài khoản Flowstep của bạn (email/mật khẩu hoặc Google SSO). Trang sẽ tự động chuyển hướng trở lại claude.ai.
  </Step>

  <Step title="Bật bộ kết nối">
    Quay lại Tích hợp, xác nhận bộ kết nối Flowstep hiển thị là đã kết nối. Bật nó cho các cuộc trò chuyện mà bạn muốn sử dụng.
  </Step>
</Steps>

<Note>
  Bạn cần một tài khoản Flowstep hiện có để xác thực. Nếu bạn chưa có tài khoản, hãy tạo một tài khoản tại [app.flowstep.ai](https://app.flowstep.ai) trước, sau đó quay lại đây để hoàn thành thiết lập bộ kết nối.
</Note>

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

Trong cuộc trò chuyện claude.ai với bộ kết nối Flowstep được bật:

```
List my Flowstep files
```

## Sử dụng

Sau khi kết nối, hãy mô tả những gì bạn muốn bằng ngôn ngữ tự nhiên:

```
Create a Flowstep file called "Checkout flow" and generate a three-step checkout screen
for an e-commerce app: cart review, address entry, and payment. Show me each screen.
```

Claude sẽ gọi các công cụ Flowstep theo thứ tự và hiển thị các hình ảnh được hiển thị theo dòng.