
chatboxai/vibedrop
Developer tools이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기
Agent-native static site hosting — CLI, MCP 서버 및 SDK를 통해 vibedrop.cc에 배포
개요
Agent-native static 사이트 호스팅. 폴더를 배포하기 위해 에이전트를 말해 - 몇 초 안에 공개 URL을 가져옵니다. 이 저장소에는 오픈 소스 클라이언트가 포함되어 있습니다. 호스팅 서비스 자체는 vibedrop.cc에서 실행됩니다. Claude Code, Cursor, Windsurf 또는 URL을 읽을 수있는 에이전트로이를 드롭하십시오. https://vibedrop.cc/skill.md을 읽고 VibeDrop을 설정하는 지침을 따르십시오. 1. URL을 fetch 할 수있는 모든 대리인은 작동합니다. 2. 기술이 읽습니다. md, npm i -g @vibedrop/cli를 실행하고 익명의 API 키를 제공합니다. 가입 없음, 신용 카드 없음. 3. index.html을 가진 어떤 폴더에 있는 점 — dist/, 느슨한 HTML 뭉치, 또는 어떤 대리인든지 다만 썼습니다. - "Put ./site online and text me the link." - "이를 구축하고 VibeDrop로 출력을 배포합니다." - "당신은 단지 쓴 방문 페이지를 초대합니다." index.html에 어떤 루트: - — Vite, 다음 수출, Astro, SvelteKit, CRA 등에서 나/, 빌드/-------written index.html 플러스 자산, 단일 파일 모조, AI-generated 착륙 페이지.
개요(AI 번역)
Agent-native static 사이트 호스팅. 폴더를 배포하기 위해 에이전트를 말해 - 몇 초 안에 공개 URL을 가져옵니다.
- 웹사이트: https://vibedrop.cc
- 기술:
skill.md - CLI:
@vibedrop/cli - MCP 서버:
@vibedrop/mcp - SDK:
@vibedrop/sdk
이 저장소에는 오픈 소스 클라이언트가 포함되어 있습니다. 호스팅 서비스 자체는 vibedrop.cc에서 실행됩니다.
빠른 시작 — 당신의 대리인에 1개의 신속한 풀
Claude Code, Cursor, Windsurf 또는 URL을 읽을 수있는 에이전트로이를 드롭하십시오.
https://vibedrop.cc/skill.md을 읽고 VibeDrop을 설정하는 지침을 따르십시오.
3 단계, ~30 초:
- 빠른. URL을 fetch 할 수있는 모든 대리인은 작동합니다.
- ** 자체 설치. ** 그것은
skill.md, 실행npm i -g @vibedrop/cli], 익명의 API 키를 제공. 가입 없음, 신용 카드 없음. - ** URL의 경우.**
index.html] - adist/], 느슨한 HTML 번들, 또는 어떤 에이전트를 썼다.
그런 말은 다음과 같습니다:
- “Put
./site온라인 및 텍스트 저 링크.” - “이 구축하고 VibeDrop에 출력을 배치하십시오.”
- “당신은 단지 썼다”
배포 가능한 폴더로 어떤 계산?
그 뿌리에서 index.html와 아무것도:
이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.
README
VibeDrop
Agent-native static site hosting. Tell your agent to deploy a folder — get a public URL in seconds.
- Website: https://vibedrop.cc
- Skill:
skill.md - CLI:
@vibedrop/cli - MCP server:
@vibedrop/mcp - SDK:
@vibedrop/sdk
This repository contains the open-source clients. The hosting service itself runs at vibedrop.cc.
Quick start — paste one prompt to your agent
Drop this into Claude Code, Cursor, Windsurf, or any agent that can read a URL:
Read https://vibedrop.cc/skill.md and follow the instructions to set up VibeDrop.
Three steps, ~30 seconds:
- Paste the prompt. Any agent that can fetch URLs will work.
- Agent installs itself. It reads
skill.md, runsnpm i -g @vibedrop/cli, and provisions an anonymous API key. No signup, no credit card. - Ask for a URL. Point at any folder with an
index.html— adist/, a loose HTML bundle, or whatever the agent just wrote.
Then say something like:
- “Put
./siteonline and text me the link.” - “Build this and deploy the output to VibeDrop.”
- “Deploy the landing page you just wrote.”
What counts as a deployable folder?
Anything with an index.html at its root:
- Framework build output —
dist/,out/,build/from Vite,next export, Astro, SvelteKit, CRA, etc. - Plain HTML — a hand-written
index.htmlplus its assets, a single-file mockup, an AI-generated landing page. - Files your agent just wrote — “deploy the folder you just made.”
- Chrome extension or Electron local pages — any directory of static HTML.
VibeDrop serves static files only. If your framework needs a build step, run it first and point at the output directory.
Alternatives
MCP server
If you’d rather the agent call deploy as a native tool (instead of shelling out to the CLI), install the MCP server:
claude mcp add vibedrop -- npx @vibedrop/mcp
Cursor / Windsurf — add to your MCP config:
{
"mcpServers": {
"vibedrop": { "command": "npx", "args": ["-y", "@vibedrop/mcp"] }
}
}
CLI (humans)
npx @vibedrop/cli deploy ./dist
SDK (Node)
import { VibedropClient, packDir } from "@vibedrop/sdk";
const client = new VibedropClient({ apiKey: process.env.VIBEDROP_KEY });
const zip = await packDir("./dist");
const { site } = await client.deploy(zip);
console.log(site.url);
Development
pnpm install
pnpm build
pnpm typecheck
License
MIT — see LICENSE.
설치
npx -y @vibedrop/mcp설정
{
"mcpServers": {
"vibedrop": { "command": "npx", "args": ["-y", "@vibedrop/mcp"] }
}
}