Bắt đầu nhanh với MCP

Điều kiện tiên quyết

Một tài khoản Flowstep (app.flowstep.ai)

Bạn đang dùng Claude trên claude.ai hoặc Claude Desktop? Flowstep là một connector được liệt kê trong thư mục của Claude. Thêm chỉ với một cú nhấp từ claude.ai/directory/flowstep. Xem claude.ai.

Cursor
Claude Code

Yêu cầu Cursor v0.43+

Bước 1: Thêm máy chủ

Nhấp Add Flowstep to Cursor để cài đặt chỉ với một cú nhấp, hoặc tạo hoặc chỉnh sửa ~/.cursor/mcp.json (toàn cục) hoặc .cursor/mcp.json ở thư mục gốc dự án của bạn:

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

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

Bước 2: Xác thực

Mở bảng MCP của Cursor (Settings → MCP) và nhấp Connect bên cạnh Flowstep. Cursor mở trình duyệt của bạn tới trang đăng nhập Flowstep. Đăng nhập bằng thông tin Flowstep (email/password hoặc Google), rồi nhấp Allow trên màn hình chấp thuận. Trình duyệt chuyển hướng trở lại và Cursor tự động lưu token.

Bạn cần có tài khoản Flowstep trước khi xác thực. Nếu chưa có, hãy đăng ký tại app.flowstep.ai trước.

Bước 3: Chạy một lệnh gọi công cụ

Trong khung chat của Cursor, hãy hỏi:

“List my Flowstep files”

Cursor gọi list-files và trả về danh sách tệp của bạn. Nếu kết quả trống, hãy tạo một tệp trước:

“Create a new Flowstep file called ‘Dashboard‘“

Bước 4: Tạo một màn hình

Generate a mobile login screen in Flowstep for a SaaS app with email/password
fields and a Google sign-in button. After it finishes, show me the image.

Cursor gọi ai-design-screens (tạo một tệp mới và sinh các màn hình trong một bước), rồi get-screen-image. Bạn sẽ thấy thiết kế đã kết xuất ngay trong khung chat.

Yêu cầu Claude Code CLI

Bước 1: Thêm máy chủ

Chạy lệnh này trong dự án của bạn:

claude mcp add --transport http flowstep https://api.flowstep.ai/mcp

Để chia sẻ máy chủ với nhóm, hãy thêm vào .mcp.json ở thư mục gốc dự án:

{
  "mcpServers": {
    "flowstep": {
      "type": "http",
      "url": "https://api.flowstep.ai/mcp"
    }
  }
}

Trường "type": "http" là bắt buộc đối với máy chủ HTTP của Claude Code. Cursor không cần trường này.

Bước 2: Xác thực

Chạy bất kỳ công cụ Flowstep nào từ một cuộc trò chuyện Claude Code. Ở lần sử dụng đầu tiên, Claude Code mở trình duyệt của bạn tới trang đăng nhập Flowstep. Đăng nhập bằng thông tin Flowstep (email/password hoặc Google), rồi nhấp Allow trên màn hình chấp thuận. Trình duyệt chuyển hướng trở lại và token được lưu tự động. Nhập /mcp trong Claude Code để kiểm tra Flowstep đã được kết nối chưa.

Bạn cần có tài khoản Flowstep trước khi xác thực. Nếu chưa có, hãy đăng ký tại app.flowstep.ai trước.

Bước 3: Chạy một lệnh gọi công cụ

Trong một cuộc trò chuyện Claude Code, hãy hỏi:

“List my Flowstep files”

Claude Code gọi list-files và trả về danh sách tệp của bạn. Nếu kết quả trống, hãy tạo một tệp trước:

“Create a new Flowstep file called ‘Dashboard‘“

Bước 4: Tạo một màn hình

Generate a mobile login screen in Flowstep for a SaaS app with email/password
fields and a Google sign-in button. After it finishes, show me the image.

Claude Code gọi ai-design-screens (tạo một tệp mới và sinh các màn hình trong một bước), rồi get-screen-image. Bạn sẽ thấy thiết kế đã kết xuất ngay trong cuộc trò chuyện.

ai-design-screens và các công cụ thiết kế AI khác sử dụng hạn mức tin nhắn Flowstep của bạn. Liệt kê, đọc và kết xuất màn hình là miễn phí. Xem Giới hạn sử dụng.

Bước tiếp theo

Tham chiếu công cụ: tài liệu đầy đủ về đầu vào và đầu ra của cả 22 công cụ
Ví dụ: các quy trình nhiều bước
Các máy khách khác: Windsurf, Codex, Claude Desktop, claude.ai

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ư

Bắt đầu nhanh với MCP

Điều kiện tiên quyết

Bước 1: Thêm máy chủ

Bước 2: Xác thực

Bước 3: Chạy một lệnh gọi công cụ

Bước 4: Tạo một màn hình

Bước 1: Thêm máy chủ

Bước 2: Xác thực

Bước 3: Chạy một lệnh gọi công cụ

Bước 4: Tạo một màn hình

Bước tiếp theo

​Điều kiện tiên quyết

​Bước 1: Thêm máy chủ

​Bước 2: Xác thực

​Bước 3: Chạy một lệnh gọi công cụ

​Bước 4: Tạo một màn hình

​Bước 1: Thêm máy chủ

​Bước 2: Xác thực

​Bước 3: Chạy một lệnh gọi công cụ

​Bước 4: Tạo một màn hình

​Bước tiếp theo

Điều kiện tiên quyết

Bước 1: Thêm máy chủ

Bước 2: Xác thực

Bước 3: Chạy một lệnh gọi công cụ

Bước 4: Tạo một màn hình

Bước 1: Thêm máy chủ

Bước 2: Xác thực

Bước 3: Chạy một lệnh gọi công cụ

Bước 4: Tạo một màn hình

Bước tiếp theo