클로드스킬마트스킬 둘러보기바로 쓰는 문장영상으로 배우기터미널 사용법스킬이 뭐예요?
 
← 목록으로

Cloudflare Workers 배포

Vibes 앱을 Deploy API로 Cloudflare Workers에 한 번에 배포하고 커스텀 도메인·AI 키까지 설정해주는 스킬.

자동화·워크플로중급★ 134⑂ 5AI 점수 8/10마지막 업데이트: 2026. 7. 27.

무엇을 해주나

  • "배포해줘", "라이브로 올려줘", "프로덕션에 푸시" 같은 요청을 감지해 Vibes Deploy API로 Cloudflare Workers에 앱을 올립니다.
  • Cloudflare 계정이나 wrangler CLI 없이 동작하며, 첫 배포 시 브라우저 로그인(Pocket ID)으로 토큰을 캐싱합니다.
  • assets/ 폴더의 이미지·폰트 등 정적 파일을 자동 탐색해 함께 배포합니다(바이너리는 base64 인코딩).
  • --ai-key 옵션으로 OpenRouter 키를 넣어 useAI() 훅과 /api/ai/chat 엔드포인트를 활성화합니다.
  • 멀티테넌트 서브도메인을 위한 커스텀 도메인 설정 절차와 자주 나는 오류(401, 404, 캐시 문제) 해결표를 제공합니다.

이런 분께 추천

  • VibesOS(Vibes 플러그인) 기반으로 단일 HTML 앱을 만들어 빠르게 공개하려는 분
  • 엣지 함수 호스팅을 설정 없이 시험해보고 싶은 프로토타이퍼
  • tenant.myapp.com 형태의 서브도메인 라우팅을 구성해야 하는 SaaS 실험자

활용 예시

  1. "index.html 배포해줘" → deploy-cloudflare.js --name myapp --file index.html 실행 후 배포 URL 반환.
  2. "AI 채팅 기능 켜서 다시 배포" → --ai-key sk-or-v1-... 를 붙여 재배포하고 /api/ai/chat 활성화.
  3. "tenant.mydomain.com 으로 접속되게 해줘" → 와일드카드 CNAME + Route 설정 6단계 안내.

· · · 설치 가이드 · · ·

설치 없이 지금 한 번 써보기

아래를 Claude에 붙여넣으면 설치하지 않고도 이 스킬을 그대로 씁니다.

이 파일의 지시를 읽고 그대로 따라서 나를 도와줘:
https://raw.githubusercontent.com/popmechanic/VibesOS/HEAD/skills/cloudflare/SKILL.md

내가 원하는 것: (여기에 하고 싶은 일을 쓰세요)

Claude가 링크를 열지 못하면, 링크를 직접 열어 내용을 복사해 붙여넣으세요.

↓ 쓸 만하면 아래에서 ZIP을 받아 설치하세요. 그러면 매번 붙여넣지 않아도 알아서 작동합니다.

Claude 앱에 설치 (터미널 필요 없음)
  1. 아래 버튼으로 ZIP 파일을 받으세요.
  2. Claude 설정 → Capabilities에서 '코드 실행 및 파일 생성'을 켭니다. (한 번만)
  3. Claude에서 Customize → Skills → + → '스킬 업로드'를 누르고 받은 ZIP을 올립니다.
↓ ZIP 내려받기
Claude Code에 설치

Claude에게 맡기기 — 아래 문장을 Claude Code에 붙여넣으세요

클로드스킬마트에서 찾은 스킬을 설치해줘.
GitHub 저장소 popmechanic/VibesOS 의 skills/cloudflare 폴더를 내 ~/.claude/skills/cloudflare/ 에 그대로 복사해줘.
설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.

직접 명령으로 설치하기

git clone https://github.com/popmechanic/VibesOS.git ~/VibesOS && mkdir -p ~/.claude/skills && cp -r ~/VibesOS/skills/cloudflare ~/.claude/skills/cloudflare

⚠ 제3자가 만든 스킬입니다. 설치 전 원본 저장소를 한 번 확인하세요.

  1. Bun이 설치되어 있는지 확인합니다(bun --version). 없으면 https://bun.sh 에서 설치하세요.
  2. 터미널에서 저장소를 클론합니다: git clone https://github.com/popmechanic/VibesOS.git ~/VibesOS
  3. 스킬 폴더를 복사합니다: mkdir -p ~/.claude/skills && cp -r ~/VibesOS/skills/cloudflare ~/.claude/skills/cloudflare
  4. 배포 스크립트(scripts/deploy-cloudflare.js)가 필요하므로 VibesOS 저장소 전체를 지우지 말고 그대로 두거나, VibesOS를 Claude Code 플러그인으로 설치해 사용하세요.
  5. Claude Code를 재시작하고 "Cloudflare에 배포해줘"라고 요청합니다.
  6. 첫 실행 시 열리는 브라우저에서 Pocket ID 로그인을 완료하면 토큰이 ~/.vibes/auth.json에 저장됩니다.
GitHub에서 원본 보기 ↗라이선스: MIT