Cấu hình
Thêm máy chủ bằng Claude Code CLI:.mcp.json ở thư mục gốc dự án, rồi commit tệp đó:
Trường
"type": "http" là bắt buộc đối với máy chủ HTTP của Claude Code.Xác thực
Claude Code tự động xử lý luồng OAuth 2.1 PKCE trong lần đầu tiên nó gọi một công cụ Flowstep. Trình duyệt của bạn sẽ mở trang đăng nhập Flowstep. Đăng nhập bằng thông tin Flowstep (email/password hoặc Google), nhấp Allow trên màn hình chấp thuận, và CLI sẽ nhận callback. Bạn không cần tạo hay thay đổi API key nào.Bạn cần có tài khoản Flowstep trước khi xác thực. Hãy tạo tài khoản tại app.flowstep.ai.
Kiểm tra kết nối
Nhập/mcp trong phiên Claude Code. Flowstep sẽ hiển thị là đã kết nối, cùng với các công cụ khả dụng. Sau đó, hãy hỏi:
Ví dụ sử dụng
ai-design-screens → get-screen-image và hiển thị bản kết xuất ngay trong cuộc trò chuyện. Vì Claude Code đã mở kho mã của bạn, bạn có thể tiếp tục với yêu cầu “Now build this screen in our app”. Khi đó, Claude có thể đọc thiết kế bằng get-screen-jsx và triển khai nó với các thành phần của bạn.