Claude는 아티팩트 하나로 페이지 전체를 작성합니다. 랜딩 페이지, 퀴즈, 계산기, 보고서 등입니다. 채팅 밖에 자체 공간을 주려면 Lobsite에 게시하세요. 위 상자에 아티팩트 코드를 붙여 넣거나, Lobsite를 Claude에 연결하고 게시를 요청하세요. Claude Code로 만들고 있나요? Claude Code에서 배포를 참고하세요.
작동 방식
- 아티팩트 코드를 가져오세요. 아티팩트 패널에서 코드 보기로 전환하여 복사하거나 파일을 다운로드하세요.
- 위 상자에 붙여 넣고 이 페이지 게시를 누르세요. HTTPS가 적용된 공개
*.lobsite.app주소를 받습니다. - 유지하세요. 사이트는 6시간 동안 유지되며, **무료로 유지하기 →**를 누르면 같은 주소로 무료 계정으로 옮겨집니다.
HTML 아티팩트와 React 아티팩트
Claude는 몇 가지 종류의 아티팩트를 만들며, 어떤 것인지가 중요합니다.
- HTML 아티팩트(
<!doctype html>로 시작하는 전체 페이지)는 그대로 게시됩니다. 인라인 스타일과 스크립트가 작동하며, 전체 URL로 CDN에서 불러오는 라이브러리도 작동합니다. - React 아티팩트(
import와export default function으로 시작하는 코드)는 아직 웹 페이지가 아니며, 아티팩트 패널이 빌드해 줍니다. 아래와 같은 프롬프트로 Claude에게 페이지로 바꿔 달라고 요청한 다음 결과를 붙여 넣으세요.
Rewrite this artifact as one self-contained index.html: plain HTML, CSS and
JavaScript, no build step, any libraries loaded from a CDN by full URL.
Keep the design and behaviour exactly the same.
Claude가 파일로 만들 수 없는 이미지(로고, 사진)에는 전체 https:// URL이 필요합니다. 또는 페이지와 이미지를 폴더에 넣고 파일 끌어다 놓기 탭에 폴더를 끌어다 놓으세요.
Claude가 게시하게 하기: 커넥터
Claude.ai는 원격 MCP 서버인 커스텀 커넥터로 Lobsite를 사용할 수 있습니다. Claude 설정에서 다음 URL로 커스텀 커넥터를 추가하세요.
https://lobsite.com/api/mcp
그런 다음 "Lobsite로 이 페이지를 게시해 줘"라고 요청하세요. Claude가 커넥터의 유일한 도구인 deploy_files를 페이지 내용과 함께 호출하고, 주소와 사이트를 유지할 가져오기 링크로 답합니다. 커스텀 커넥터는 이를 지원하는 Claude 플랜에서 사용할 수 있습니다. 모든 클라이언트의 자세한 내용은 MCP 페이지에 있습니다.
계정 없는 배포는 6시간 동안 공개됩니다. 가져오기 링크로 무료로 유지할 수 있습니다.
코딩 에이전트에는 npx lobsite mcp, 채팅 어시스턴트에는 lobsite.com/api/mcp.
모든 사이트는 첫 배포부터 HTTPS가 적용된 *.lobsite.app 주소를 받습니다.
폼의 대상을 /_lobsite/forms/contact로 지정하세요. 스팸 필터링이 포함됩니다.
공개 전에 미리 보세요. 리디렉션까지 포함해 클릭 한 번으로 롤백합니다.
Free 계정도 포함됩니다. DNS 레코드 하나를 추가하면 사이트가 내 도메인으로 이동합니다. 모든 플랜의 모든 사이트에 HTTPS가 적용됩니다.
Claude의 게시 버튼과 사이트
Claude는 자체 게시 버튼으로 아티팩트를 공유할 수 있습니다. Claude 안에서 아티팩트를 보여 주는 가장 빠른 방법입니다. 사이트는 페이지가 독립적으로 존재해야 할 때 사용합니다.
| Claude의 게시 | Lobsite | |
|---|---|---|
| 열리는 곳 | claude.ai | 자체 *.lobsite.app 주소 |
| 내 파일(이미지, 추가 페이지) | 아니요 | 예: 폴더를 끌어다 놓기 |
| 메시지를 보내는 폼 | 아니요 | 예, 사이트가 계정에 있으면 |
| 업데이트 | Claude에서 새 버전 게시 | 다시 붙여 넣고 업데이트 누르기 또는 다시 배포 |
| 커스텀 도메인 | 아니요 | 예, 무료 |
| 계정 필요 | Claude 계정 | 6시간은 불필요, 유지도 무료 |
자주 묻는 질문
Claude 아티팩트를 무료로 호스팅할 수 있나요?
네. 계정 없이 게시는 무료이며 6시간 동안 유지됩니다. 무료 Lobsite 계정은 월 10GB 대역폭으로 사이트 하나를 영구적으로 유지합니다.
게시한 아티팩트가 빈 페이지인 이유는 무엇인가요?
React 아티팩트일 가능성이 높습니다. 코드에 아티팩트 패널이 대신 해 주는 빌드가 필요합니다. 위 프롬프트로 Claude에게 독립적인 단일 HTML 파일로 다시 작성해 달라고 요청한 다음 게시하세요.
커넥터가 필요한가요?
아니요. 코드를 복사해 여기에 붙여 넣는 방법은 모든 Claude 플랜에서 작동합니다. 커넥터는 복사와 붙여 넣기를 줄이고, 페이지를 계속 바꾸는 동안 Claude가 사이트를 업데이트하게 해 줍니다.
사람들이 Google에서 내 페이지를 찾을 수 있나요?
임시인 동안에는 아닙니다. 계정 없는 사이트는 색인되지 않습니다. 무료 계정에 유지하면 검색 엔진이 색인할 수 있습니다.
페이지에 문의 폼을 추가할 수 있나요?
네. Claude에게 폼이 /_lobsite/forms/contact로 전송되게 해 달라고 요청하세요. 사이트가 계정에 있으면 메시지가 대시보드와 이메일로 전달됩니다. 폼을 참고하세요.