코딩 에이전트가 만든 앱으로 시작하기

Q: 에이전트가 내 모든 프로젝트에 접근할 수 있나요?

에이전트는 내 권한으로, 내가 소유한 프로젝트에서 작업합니다. 연결된 에이전트는 언제든 설정 → API & MCP에서 확인하고 해제할 수 있습니다.

Q: API 키가 필요한가요?

Claude Code와 Codex는 필요 없습니다. 브라우저로 로그인합니다. 키만 받는 에이전트는 설정 → API & MCP에서 만든 키를 쓰면 됩니다.

핵심 요약프로젝트 페이지에서 가져오기 → 내 에이전트(또는 에이전트 연결)를 여세요. Claude Code나 Codex용 한 줄 명령을 복사하고, 브라우저에서 한 번 로그인하면 끝입니다. 그다음부터는 에이전트에게 “이 앱을 MonstarX에 푸시해 주세요”라고 말하면 됩니다. 앱이 프로젝트에 나타나 미리보기에서 실행되고, MonstarX와 에이전트 어느 쪽에서든 계속 만들어 갈 수 있습니다.

Claude Code, Codex, Cursor 같은 AI 코딩 에이전트는 앱을 작성하는 데는 뛰어나지만, 그다음 일은 사용자에게 맡깁니다. 앱을 호스팅하고, 미리보기를 공유하고, 도메인에 게시하고, 오래 유지되는 백엔드를 붙이고, 개발자가 아닌 사람도 계속 고칠 수 있게 하는 일입니다. MonstarX가 이 모든 일을 맡습니다. 에이전트를 한 번 연결하면 “이 앱을 MonstarX에 푸시해 주세요”라는 한 문장으로 충분합니다.

이 페이지에서는 이런 방식으로 프로젝트를 시작하는 방법을 설명합니다. 에이전트별 설정과 에이전트가 할 수 있는 모든 일은 코딩 에이전트를 참고하세요.

에이전트는 어디에서 연결하나요?

프로젝트 페이지에서 가져오기를 열고 내 에이전트를 선택하세요. 가져오기 옆에 바로가기로 나타날 수도 있습니다. 에이전트 연결 창에 복사할 명령이 표시됩니다.

에이전트 연결 창. AI 코딩 에이전트로 앱을 만들었다면 에이전트를 MonstarX에 한 번 연결한 뒤 “이 앱을 MonstarX에 푸시해 주세요”라고 말하면 된다는 안내, Claude Code와 Codex용 복사 가능한 명령, 다른 에이전트 목록, 서버 주소 https://monstarx.com/mcp, 모든 에이전트에 대한 설정과 API 키 및 연결된 에이전트 링크가 있습니다

Claude Code나 Codex에서 앱을 푸시하려면 어떻게 하나요?

에이전트 연결 창에서 사용하는 에이전트의 명령 옆 복사를 누르고, 터미널에서 실행하세요.
- Claude Code: claude mcp add --transport http --scope user monstarx https://monstarx.com/mcp를 실행한 다음, Claude Code에서 /mcp를 실행하고 monstarx → Authenticate로 이동해 허용을 누르세요.
- Codex: codex mcp add monstarx --url https://monstarx.com/mcp && codex mcp login monstarx를 실행하세요. 브라우저 창이 열리면 허용을 누르세요.
만든 앱의 폴더에서 에이전트에게 “이 앱을 MonstarX에 푸시해 주세요.”라고 말하세요.
에이전트가 앱을 확인하고 업로드한 뒤 앱 주소를 알려 줍니다. 앱이 프로젝트에 나타나 미리보기에서 실행되고, 대화에는 에이전트에서 푸시되었다는 사실이 표시됩니다(예: “Codex에서 푸시됨”).

그다음부터 이 프로젝트는 가져온 앱과 같습니다. 대화, 편집 모드, 버전, QA가 지금 코드 그대로 작동하고, 코드에 필요한 키가 있으면 입력하라고 안내합니다.

어떤 에이전트를 쓸 수 있나요?

MCP 서버에 연결할 수 있는 에이전트라면 모두 됩니다. MCP는 AI 도구가 다른 서비스와 연결되는 표준 방식입니다. 창에는 Claude Code와 Codex가 나와 있고, Cursor, VS Code, Grok, Gemini CLI, Windsurf, Claude 앱과 ChatGPT 앱도 쓸 수 있습니다. Lovable, Bolt, v0, Replit, Figma 같은 빌더도 작업 결과를 보낼 수 있습니다. 서버 주소는 https://monstarx.com/mcp입니다.

모든 에이전트에 대한 설정을 누르면 에이전트별 단계별 안내가 열립니다. API 키 및 연결된 에이전트를 누르면 설정 → API & MCP가 열리고, 연결된 에이전트를 확인하고, 키가 필요한 에이전트용 API 키를 만들고, 원하는 에이전트의 연결을 해제할 수 있습니다. 자세한 내용은 API 키를 참고하세요.

연결한 에이전트는 그 밖에 무엇을 할 수 있나요?

에이전트에서 더 작업한 뒤 같은 앱의 새 버전을 푸시합니다. 푸시할 때마다 버전으로 저장되어 언제든 되돌아갈 수 있습니다.
프로젝트를 다운로드해 내 컴퓨터에서 계속 작업한 뒤 다시 푸시합니다.
설명으로 새 MonstarX 앱을 시작하거나 GitHub 저장소를 가져옵니다.
MonstarX 에이전트에 요청을 보내고 답변을 읽고, 앱을 게시하고, 키를 설정하고, 로그를 읽습니다.

그래서 두 곳을 자유롭게 오갈 수 있습니다. 에이전트에서 만들고, MonstarX에서 대화와 편집 모드로 다듬고, 원할 때 다시 에이전트로 가져가세요.

.zip으로는 안 되나요?

에이전트를 연결하고 싶지 않다면 앱 폴더를 압축해 가져오기 → .zip을 사용하세요. 업로드하기 전에 내 컴퓨터에서 먼저 검사합니다. 자세한 내용은 앱 가져오기를 참고하세요.

자주 묻는 질문

에이전트가 내 모든 프로젝트에 접근할 수 있나요?

에이전트는 내 권한으로, 내가 소유한 프로젝트에서 작업합니다. 연결된 에이전트는 언제든 설정 → API & MCP에서 확인하고 해제할 수 있습니다.

API 키가 필요한가요?

Claude Code와 Codex는 필요 없습니다. 브라우저로 로그인합니다. 키만 받는 에이전트는 설정 → API & MCP에서 만든 키를 쓰면 됩니다.

두 곳에서 모두 앱을 고치면 어떻게 되나요?

푸시하면 프로젝트의 파일이 에이전트의 버전으로 바뀌고, 새 버전으로 저장됩니다. 에이전트가 마지막으로 읽은 뒤 프로젝트가 바뀌었다면, 실수로 덮어쓰지 않도록 푸시가 거부될 수 있습니다. 이때는 에이전트가 최신 버전을 먼저 다운로드하게 하세요.

에이전트가 앱을 게시할 수 있나요?

네, 요청하면 게시합니다. 게시 버튼과 같은 방식으로 게시됩니다. 자세한 내용은 앱 게시하기를 참고하세요.