다른 AI 앱·코딩 도구 연결하기
Perplexity, Grok, Le Chat, Gemini 앱은 Page Lemon을 커스텀 커넥터로 추가해요. Claude Code, Codex, Cursor, VS Code, Antigravity, Gemini CLI, Windsurf, Cline, Trae는 명령어 하나나 설정 블록 하나면 돼요. 그러면 AI가 사이트를 공개하고 업데이트할 수 있어요.
마지막 업데이트: · Markdown으로 보기
시작하기 전에
Claude나 ChatGPT를 쓴다면 Claude 연결하기 또는 ChatGPT 연결하기를 참고하세요.
로그인 과정은 어느 앱이든 같아요. 브라우저에서 Page Lemon 페이지가 열리면 Google이나 이메일로 로그인하고, 앱이 할 수 있는 일을 확인한 뒤 허용을 누르세요. 그다음 앱으로 돌아가면 돼요. 선택 항목은 허용하는 내용에서 설명해요.
이런 앱은 메뉴를 가끔 바꿔요. 화면이 다르면 Connectors나 MCP를 찾아보세요.
채팅 앱
Perplexity, Grok, Le Chat에 입력할 링크예요:
https://mcp.pagelemon.com/mcpPerplexity
Perplexity Pro, Max 또는 Enterprise가 필요해요. 커넥터는 웹이나 데스크톱 앱에서 추가하세요. 모바일 앱에는 아직 안 보일 수 있어요.
- 설정 → 커넥터를 열고 커스텀 커넥터를 추가하세요.
- 이름:
Page Lemon. 위 링크를 붙여 넣으세요. - 인증 방식은 OAuth를 고르고 저장하세요.
- 연결을 누르고 Page Lemon에 로그인한 뒤 허용을 누르세요.
- 새 채팅에서 소스 또는 커넥터 메뉴의 Page Lemon을 켜세요.
Grok
무료를 포함한 모든 Grok 요금제에서 쓸 수 있어요(붐비는 시간에는 무료 요금제가 "High Demand"라고 답할 수 있으니 나중에 다시 시도하세요). 웹의 grok.com에서 추가하면, 추가한 뒤에는 Grok 모바일 앱에서도 쓸 수 있어요.
- grok.com/connectors를 열고 New Connector를 누른 다음 Custom을 누르세요.
- 이름은
Page Lemon로 하고, 위의 링크를 Server URL에 붙여 넣은 뒤 Add Connector를 누르세요. - Page Lemon 창이 열려요. 로그인한 뒤 Allow를 누르세요.
- 채팅에서 Grok에게 Page Lemon을 쓰라고 해 보세요.
Mistral Le Chat
웹에서는 무료를 포함한 모든 Le Chat 요금제에서 쓸 수 있어요. Team과 Enterprise 요금제에서는 관리자가 모두를 위해 커넥터를 추가해요.
- Le Chat에서 커넥터(사이드 메뉴의 Intelligence 아래)를 열고 커넥터를 추가하세요.
- Custom MCP Connector를 고른 뒤 이름:
Page Lemon. 위 링크를 붙여 넣으세요. - Le Chat이 로그인 방식을 알아서 찾아요. 연결을 누르고 Page Lemon에 로그인한 뒤 허용을 누르세요.
- 채팅에서 도구 메뉴의 Page Lemon을 켜세요.
로그인 대신 API 토큰으로 Le Chat을 연결할 수도 있어요. 헤더 인증을 고르고 토큰과 함께 Authorization: Bearer pl_... 헤더를 보내세요. 토큰은 만료되거나 폐기하기 전까지 쓸 수 있어요. 만료 기간은 만들 때 고른 기간이고, 따로 고르지 않았다면 90일이에요.
코딩 도구
코딩 도구용 링크:
https://mcp.pagelemon.com/mcp로그인 전에도 이 링크로 새 사이트를 공개할 수 있어요(계속 쓰려면 내 계정에 보관해야 하고, 그렇지 않으면 72시간 뒤에 만료돼요). 로그인하고 나면 AI가 내 모든 사이트를 다뤄요.
Claude Code
Claude Code가 포함된 Claude 요금제라면 어디서든 쓸 수 있어요. 터미널에서 실행하세요:
claude mcp add --transport http pagelemon https://mcp.pagelemon.com/mcp그다음 Claude Code 안에서 /mcp 명령을 실행하고 pagelemon을 골라 로그인하세요.
Codex
codex mcp add pagelemon --url https://mcp.pagelemon.com/mcp
codex mcp login pagelemon두 번째 명령이 Page Lemon을 열어 줘서 로그인할 수 있어요. 대신 API 토큰을 쓰려면 설정 파일이 아니라 환경 변수에 넣어 두세요.
Cursor
모든 Cursor 요금제에서 쓸 수 있어요. ~/.cursor/mcp.json(모든 프로젝트) 또는 .cursor/mcp.json(프로젝트 하나)에 다음을 추가하세요:
{
"mcpServers": {
"pagelemon": {
"url": "https://mcp.pagelemon.com/mcp"
}
}
}Cursor 설정을 열어 MCP 섹션을 찾으세요(최근 버전에서는 Tools and MCP). pagelemon 옆에 로그인하라는 안내가 보이면 눌러서 로그인하세요.
VS Code
VS Code의 GitHub Copilot에서 쓸 수 있고, Copilot Free도 돼요. 프로젝트의 .vscode/mcp.json에 다음을 추가하거나, 명령 팔레트에서 MCP: Add Server를 실행하고 HTTP를 고르세요:
{
"servers": {
"pagelemon": {
"type": "http",
"url": "https://mcp.pagelemon.com/mcp"
}
}
}mcp.json에서 서버 위의 Start를 누르세요. VS Code가 Page Lemon으로 로그인해도 되는지 물으면 허용하고 로그인하세요. Copilot Chat은 에이전트 모드로 쓰세요.
Copilot Business나 Enterprise에서는 조직이 MCP 서버를 꺼 둘 수 있어요. 추가가 안 되면 관리자에게 물어보세요.
Antigravity
Google의 코딩 도구예요. Antigravity IDE와 Antigravity CLI(agy) 모두 쓸 수 있어요. ~/.gemini/config/mcp_config.json(모든 프로젝트) 또는 .agents/mcp_config.json(프로젝트 하나)에 다음을 추가하세요:
{
"mcpServers": {
"pagelemon": {
"serverUrl": "https://mcp.pagelemon.com/mcp"
}
}
}IDE에서는 MCP Servers 패널을 열고 Manage MCP Servers, View raw config 순서로 누르면 파일이 열려요. Antigravity에서는 주소 항목 이름이 httpUrl이 아니라 serverUrl예요.
이것만으로도 AI가 첫 사이트를 공개할 수 있어요. 로그인하려면 에이전트 설정을 열고 Customizations로 가서 pagelemon 옆의 Authenticate를 누르세요. Page Lemon에 로그인하고 Allow를 누른 뒤, Antigravity가 요구하는 코드를 붙여 넣으면 돼요. 아니면 API 토큰을 쓰세요. 블록을 아래 내용으로 바꾸고 pl_... 자리에 토큰을 넣으면 돼요.
{
"mcpServers": {
"pagelemon": {
"serverUrl": "https://mcp.pagelemon.com/mcp",
"headers": {
"Authorization": "Bearer pl_..."
}
}
}
}첫 번째 경로를 쓰면 이 파일은 프로젝트가 아니라 내 컴퓨터에 있어서 토큰이 git에 올라가지 않아요. 공유 프로젝트의 .agents/mcp_config.json에는 토큰을 넣지 마세요.
Gemini CLI
Gemini CLI는 2026년 6월 18일부터 개인 Google 계정(무료, Google AI Pro, Ultra)을 더 이상 지원하지 않아요. 이런 계정은 이제 Antigravity를 쓰세요. Gemini CLI는 Gemini API 키나 Gemini Code Assist 라이선스로는 계속 쓸 수 있어요. ~/.gemini/settings.json(모든 프로젝트) 또는 .gemini/settings.json(프로젝트 하나)에 다음을 추가하세요:
{
"mcpServers": {
"pagelemon": {
"httpUrl": "https://mcp.pagelemon.com/mcp"
}
}
}Gemini CLI를 시작하고 /mcp auth pagelemon을 실행해 로그인하세요. Antigravity로 옮겼다면 agy plugin import gemini로 Gemini CLI 서버를 그대로 가져올 수 있어요. 새 파일의 pagelemon가 serverUrl를 쓰는지 확인하세요.
Windsurf
모든 Windsurf 요금제에서 쓸 수 있어요. Teams 요금제에서는 관리자가 먼저 원격 MCP 서버를 허용해야 할 수 있어요. ~/.codeium/windsurf/mcp_config.json에 다음을 추가하세요:
{
"mcpServers": {
"pagelemon": {
"serverUrl": "https://mcp.pagelemon.com/mcp",
"headers": {
"Authorization": "Bearer pl_..."
}
}
}
}Windsurf는 API 토큰으로 연결해요. pl_... 자리에 내 토큰을 넣으세요. Cascade의 MCP 메뉴에서 파일을 열고 서버 목록을 새로고침해도 돼요.
Cline과 Trae
Cline과 Trae는 헤더에 API 토큰을 담아 연결해요. 먼저 토큰을 만든 뒤 도구의 MCP 설정에 Page Lemon을 추가하세요.
Cline에서 MCP Servers 패널을 열고 설정 파일(cline_mcp_settings.json)을 편집하세요:
{
"mcpServers": {
"pagelemon": {
"type": "streamableHttp",
"url": "https://mcp.pagelemon.com/mcp",
"headers": {
"Authorization": "Bearer pl_..."
}
}
}
}Trae에서는 설정의 MCP를 열고 서버를 직접 추가하는 쪽을 고른 뒤 아래 내용을 붙여 넣으세요:
{
"mcpServers": {
"pagelemon": {
"url": "https://mcp.pagelemon.com/mcp",
"headers": {
"Authorization": "Bearer pl_..."
}
}
}
}pl_... 자리에 내 토큰을 넣으세요. 이 설정 파일은 프로젝트가 아니라 내 컴퓨터에 있어서 토큰이 git에 올라가지 않아요. 토큰이 만료되면(만들 때 고른 기간이 지나면 만료되고, 따로 고르지 않았다면 90일이에요) 새로 만들어 붙여 넣으세요.
Gemini 앱
Gemini 앱(gemini.google.com)은 웹에서 Page Lemon을 커스텀 앱으로 추가하고, 추가한 뒤에는 Gemini 모바일 앱에서도 쓸 수 있어요. Google에 따르면 개인 Google 계정(직장·학교 계정 불가), 만 18세 이상, Keep Activity 켜기가 필요해요. 도움말 페이지에는 미국과 영어만 가능하다고도 적혀 있지만, 저희는 영국의 Google AI Plus 계정에서 이 옵션이 보였어요. Custom이 보이지 않으면 Antigravity를 쓰거나, Gemini에게 사이트를 완전한 한 페이지로 만들어 달라고 한 뒤 코드를 복사해 pagelemon.com/publish에 붙여 넣으세요.
- gemini.google.com/customize/connectors를 여세요(휴대폰에서는 앱이 아니라 브라우저를 쓰세요). 또는 Menu → Settings → Connected apps를 누르세요.
- Custom을 누르고
https://mcp.pagelemon.com/mcp를 MCP server URL에 붙여 넣은 뒤 Next를 누르세요. - Google의 안내를 읽고 체크박스를 선택한 뒤 Connect를 누르세요.
- Page Lemon 페이지가 열려요. 로그인한 뒤 Allow를 누르세요.
- 채팅에서
@를 입력하고 Page Lemon을 고른 뒤 사이트를 요청하세요. Gemini는 무언가를 바꾸기 전에 확인을 요청해요.
로그인 대신 토큰 쓰기
여기 있는 도구는 모두 로그인 대신 API 토큰을 쓸 수 있어요. 브라우저가 없는 서버 같은 곳에서 유용해요. 헤더로 보내세요: Authorization: Bearer pl_.... Claude Code라면 이렇게 해요:
claude mcp add --transport http pagelemon https://mcp.pagelemon.com/mcp --header "Authorization: Bearer pl_..."공유 프로젝트의 .cursor/mcp.json, .vscode/mcp.json 같은 커밋하는 파일에는 토큰을 절대 넣지 마세요.
그 밖의 앱
스트리밍 가능한 HTTP로 원격 MCP 서버를 지원하는 앱이면 어디든 연결할 수 있어요. 주소와 로그인 정보는 MCP 서버와 도구에 있어요.
잘 연결됐는지 확인
AI 채팅에 복사
Page Lemon에 내 사이트 뭐 있어?AI가 내 사이트 목록을 보여 주면 연결과 로그인이 끝난 거예요. 이제 사이트를 공개해 달라고 해 보세요.
문제가 생겼다면
| 증상 | 해결 방법 |
|---|---|
| 채팅 앱에서 Page Lemon이나 그 도구 이야기가 나오지 않아요 | 채팅의 도구 또는 커넥터 메뉴에서 커넥터를 켜고, 새 채팅을 시작하세요 |
| 커넥터를 추가할 곳이 보이지 않아요 | 해당 앱에서 요금제를 확인해 보세요. 업무용 요금제라면 관리자에게 물어보세요 |
| 코딩 도구에 Page Lemon 도구가 보이지 않아요 | JSON에 오류가 없는지(끝에 쉼표가 남아 있으면 안 돼요) 확인하고 파일을 저장한 뒤, 도구를 다시 시작하거나 MCP 목록을 새로 고치세요 |
| 로그인 페이지가 열리지 않아요 | 도구에서 로그인을 처음부터 다시 하세요. Claude Code는 /mcp, Antigravity는 설정의 Authenticate, Gemini CLI는 /mcp auth pagelemon, Cursor나 VS Code는 서버 항목에서 할 수 있어요 |
| 로그인이 멈추거나 "We couldn't connect this app"이라는 메시지가 떠요 | 로그인 링크는 몇 분 동안만 유효해요. 도구에서 처음부터 다시 시도하세요. 그래도 안 되면 API 토큰을 대신 쓰세요 |
토큰을 넣으면 401에서 오류가 나요 | 토큰이 잘못됐거나 만료됐거나 취소됐어요. 시작하기 페이지에서 새로 만드세요 |
| AI가 관리 권한이 필요하다고 해요 | 관리 스위치가 꺼져 있었어요. 다시 연결하면서 켜거나, Page Lemon 앱에서 직접 바꾸세요 |
아직 해결이 안 됐나요? 문제 해결하기를 확인하거나, 어떤 앱을 쓰는지 적어서 이메일을 보내 주세요: support@pagelemon.com
연결 끊기
dash.pagelemon.com/account/tokens(설정 → API 토큰 & AI 앱)을 열고 해당 앱 옆의 연결 해제를 누르세요. 바로 로그아웃되고 사이트는 계속 온라인이에요. 그런 다음 앱에서 커넥터를 삭제하거나, 도구 설정에서 pagelemon 항목을 삭제하세요.