
代理原生静态站点托管——CLI、MCP服务器和SDK,用于部署到 vibedrop.cc
概览
代理原生静态网站托管。告诉你的代理部署一个文件夹——几秒钟内就能获得公共URL。 该仓库包含开源客户端。托管服务本身运行于 vibedrop.cc。 把它输入Claude Code、Cursor、Windsurf或任何能读取URL的代理中: 阅读https://vibedrop.cc/skill.md并按照说明设置VibeDrop。 1. 任何能获取URL的代理都能正常工作。2. 它读取 skill.md,运行npm i -g @vibedrop/cli,并配置匿名API密钥。不注册,不使用信用卡。3. 指向任何带有index.html的文件夹——比如dist/、松散的HTML捆绑包,或者代理刚写的什么。 - “把./site放到网上,发链接短信给我。”- “构建这个并部署输出到VibeDrop。”- “部署你刚写的着陆页。” 任何根源带有index.html的事物: - — dist/、out/、build/ 来自 Vite,下一次导出,Astro、SvelteKit、CRA 等。- — 手写index.html及其资源,单文件样图,AI 生成的落地页。
概述(AI 翻译)
代理原生静态网站托管。告诉你的代理部署一个文件夹——几秒钟内就能获得公共URL。
- 网站:https://vibedrop.cc
- 技能:
skill.md - CLI:
@vibedrop/cli - MCP服务器:
@vibedrop/mcp - SDK:
@vibedrop/sdk
该仓库包含开源客户端。托管服务本身运行于 vibedrop.cc。
快速开始——将一个提示粘贴给你的经纪人
把它输入Claude Code、Cursor、Windsurf或任何能读取URL的代理中:
三步,~30秒:
- 粘贴提示。 任何能获取URL的代理都能使用。
- 代理自行安装。 它读取
skill.md,运行npm i -g @vibedrop/cli,并配置匿名 API 密钥。无需注册,无需信用卡。 - 要求提供URL。 指向任何带有
index.html的文件夹——dist/、松散的HTML捆绑包,或者代理刚写的什么。
然后说类似这样的话:
- “把
./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"] }
}
}