필수 요구사항
- Flowstep 계정 (app.flowstep.ai)
- Cursor
- Claude Code
Cursor v0.43 이상 필요저장 후 Cursor를 재시작합니다.Cursor가
1단계 — 서버 추가
~/.cursor/mcp.json (전역) 또는 프로젝트 루트의 .cursor/mcp.json을 만들거나 편집합니다:2단계 — 인증
Cursor MCP 패널(Settings → MCP)을 열고 Flowstep 옆의 Connect를 클릭합니다. Cursor가 브라우저를 열어 Flowstep OAuth 로그인 페이지로 이동합니다. Flowstep 자격증명(이메일/비밀번호 또는 Google)으로 로그인합니다. 브라우저가 리디렉션되고 Cursor가 토큰을 자동으로 저장합니다.인증하기 전에 Flowstep 계정이 필요합니다. 계정이 없으면 먼저 app.flowstep.ai에서 가입하세요.
3단계 — 도구 호출 실행
Cursor 채팅에서 다음과 같이 물어봅니다:“List my Flowstep files”Cursor가
list-files를 호출하고 파일 목록을 반환합니다. 응답이 비어 있으면 먼저 파일을 만듭니다:“Create a new Flowstep file called ‘Dashboard‘“
4단계 — 화면 생성
create-new-design (파일을 만들고 한 번에 화면을 생성함)을 호출한 다음 get-screen-image를 호출합니다. 채팅에서 렌더링된 디자인을 인라인으로 볼 수 있습니다.