Flowstep MCP — Claude Desktop

Cấu hình

Chỉnh sửa claude_desktop_config.json. Vị trí tệp phụ thuộc vào hệ điều hành của bạn:

macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
Windows: %APPDATA%\Claude\claude_desktop_config.json

Native HTTP (Claude Desktop v0.9+)
mcp-remote (older versions)

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

Yêu cầu Node.js được cài đặt.

{
  "mcpServers": {
    "flowstep": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://api.flowstep.ai/mcp"]
    }
  }
}

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

Xác thực

Claude Desktop mở trình duyệt của bạn tới https://api.flowstep.ai/oauth/authorize khi kết nối lần đầu. Đăng nhập bằng thông tin xác thực Flowstep của bạn và ứng dụng thu thập lệnh gọi lại.

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.

Xác minh kết nối

Trong cuộc trò chuyện Claude Desktop:

List my Flowstep files

Nếu bạn thấy danh sách tệp (hoặc một mảng trống nếu bạn chưa có tệp nào), kết nối đang hoạt động.

Ví dụ sử dụng

Create a Flowstep file called "Profile page", generate a mobile profile screen
with an avatar, display name, bio, and an edit button. Show me the rendered image.

Claude Desktop sẽ gọi create-file → ai-prompt → get-screen-image theo thứ tự.

Flowstep MCP — Windsurf

Flowstep MCP — claude.ai

​Cấu hình

​Xác thực

​Xác minh kết nối

​Ví dụ sử dụng

Cấu hình

Xác thực

Xác minh kết nối

Ví dụ sử dụng