Flowstep MCP — Claude Desktop

Flowstep은 Claude의 커넥터 디렉터리에 등록된 커넥터입니다. 커넥터는 Claude 계정에 연결되므로, Flowstep을 추가하면 Claude Desktop과 claude.ai에서 모두 사용할 수 있습니다.

커넥터 추가

디렉터리에서 Flowstep 열기

claude.ai/directory/flowstep으로 이동해 Flowstep 커넥터를 추가하세요.

인증

Claude가 브라우저에서 Flowstep 로그인 페이지를 엽니다. Flowstep 계정(이메일/비밀번호 또는 Google)으로 로그인한 다음, 동의 화면에서 Allow를 클릭하세요.

커넥터 활성화

Claude Desktop 대화에서 Flowstep 커넥터가 켜져 있는지 확인하세요.

연결하기 전에 Flowstep 계정이 필요합니다. app.flowstep.ai에서 계정을 만드세요.

Flowstep을 로컬 서버로 구성하려면 claude_desktop_config.json을 편집하고 mcp-remote 브리지로 연결하세요. Node.js가 필요합니다. 파일 위치는 OS에 따라 다릅니다.

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

저장한 뒤 Claude Desktop을 다시 시작하세요. 처음 연결하면 브라우저가 Flowstep 로그인 페이지를 엽니다.

Claude Desktop 대화에서 다음을 입력하세요.

List my Flowstep files

파일 목록이 보이면(아직 파일이 없다면 빈 목록이 보이면) 연결이 작동하는 것입니다.

Generate a mobile profile screen in Flowstep with an avatar, display name, bio,
and an edit button. Show me the rendered image.

Claude Desktop은 ai-design-screens를 호출한 다음 get-screen-image를 순서대로 호출합니다.