https://api.flowstep.ai/mcp (vận chuyển HTTP Streamable). Không cần chạy quy trình cục bộ.
Bạn có thể làm gì
Máy chủ công khai 20 công cụ trên bảy danh mục:Các trường hợp sử dụng phổ biến
Tạo các màn hình từ một prompt — gọicreate-new-design với một mô tả. Flowstep tạo tệp và các màn hình trong một bước. Gọi get-screen-image với screenIds được trả về để xem kết quả trực tuyến.
Trực quan hóa một thành phần React — tải lên tệp .jsx hoặc .tsx của bạn qua upload-attachment (sử dụng mimeType: text/javascript), sau đó chuyển phần đính kèm được trả về vào create-new-design với một tin nhắn mô tả thành phần. Flowstep đọc mã nguồn và tạo một màn hình thiết kế phù hợp.
Lặp lại một thiết kế — gọi edit-design với screenId mục tiêu và hướng dẫn để sửa đổi nó, hoặc regenerate-design để tạo lại một màn hình từ đầu.
Duy trì các nguyên tắc thiết kế — gọi get-design-guidelines để lấy các quy tắc kiểu hiện tại của bạn (màu sắc, kiểu chữ, khoảng cách, giọng điệu), sau đó sử dụng update-design-guidelines để giữ chúng đồng bộ khi thiết kế của bạn phát triển. Chuyển các hướng dẫn nhất quán vào create-new-design hoặc edit-design đảm bảo mỗi màn hình được tạo ra đều tuân theo thương hiệu. Sử dụng delete-design-guidelines để đặt lại chúng hoàn toàn.
Nhập từ Figma — gọi import-figma với liên kết khung Figma và fileId để đưa khung vào tệp Flowstep dưới dạng các phần tử có thể chỉnh sửa. Tổ chức của tệp phải có Figma được kết nối trước.
Kiểm tra hạn ngạch — gọi get-plan-details để xem mức sử dụng còn lại hàng ngày và hàng tháng trước khi bắt đầu một loạt các bước tạo.
Điểm cuối
Bước tiếp theo
Hướng dẫn nhanh
Lệnh công cụ đầu tiên trong vòng 5 phút với Cursor.
Xác thực
Cách OAuth 2.1 PKCE hoạt động và cách các token được phát hành.
Công cụ
Tài liệu tham khảo đầu vào/đầu ra đầy đủ cho tất cả 20 công cụ.
Ví dụ
Quy trình làm việc từ đầu đến cuối cho các tác vụ phổ biến.