메인 콘텐츠로 건너뛰기
claude.ai는 Integrations 패널을 통해 커스텀 MCP 커넥터를 지원합니다.

​
커넥터 추가

1

Integrations 열기

claude.ai → Settings → Integrations로 이동합니다.
2

커스텀 커넥터 추가

Add More (또는 Custom Connector)를 클릭한 후 다음을 입력합니다:
https://api.flowstep.ai/mcp
3

인증

claude.ai는 브라우저를 https://api.flowstep.ai/oauth/authorize로 리다이렉트합니다. Flowstep 계정(이메일/비밀번호 또는 Google SSO)으로 로그인합니다. 페이지는 자동으로 claude.ai로 다시 리다이렉트됩니다.
4

커넥터 활성화

Integrations로 돌아가서 Flowstep 커넥터가 연결됨으로 표시되는지 확인합니다. 사용하려는 대화에서 이를 켜집니다.
인증하려면 기존 Flowstep 계정이 필요합니다. 계정이 없으면 먼저 app.flowstep.ai에서 생성한 후 여기로 돌아와 커넥터 설정을 완료합니다.

​
연결 확인

Flowstep 커넥터가 활성화된 claude.ai 대화에서: 
List my Flowstep files

​
사용 방법

연결되면 원하는 내용을 자연어로 설명합니다: 
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는 Flowstep 도구를 순서대로 호출하고 렌더링된 이미지를 인라인으로 표시합니다.