CV

chatboxai/vibedrop

开发工具

本页由 AI 翻译,技术细节请以原文为准。 查看原文

20 stars 0 forks 质量 69 趋势 14MIT

代理原生静态站点托管——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的代理中:

阅读https://vibedrop.cc/skill.md,并按照说明设置VibeDrop。

三步,~30秒:

  1. 粘贴提示。 任何能获取URL的代理都能使用。
  2. 代理自行安装。 它读取 skill.md,运行npm i -g @vibedrop/cli,并配置匿名 API 密钥。无需注册,无需信用卡。
  3. 要求提供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.

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:

  1. Paste the prompt. Any agent that can fetch URLs will work.
  2. Agent installs itself. It reads skill.md, runs npm i -g @vibedrop/cli, and provisions an anonymous API key. No signup, no credit card.
  3. Ask for a URL. Point at any folder with an index.html — a dist/, a loose HTML bundle, or whatever the agent just wrote.

Then say something like:

  • “Put ./site online 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.html plus 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.

在 GitHub 查看完整 README

安装

npx -y @vibedrop/mcp
新手?先看 mcpskill.org 教程 →

配置

{ "mcpServers": { "vibedrop": { "command": "npx", "args": ["-y", "@vibedrop/mcp"] } } }