
chatboxai/vibedrop
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
エージェントネイティブの静的サイトホスティング — CLI、MCP サーバー、および SDK で vibedrop.cc にデプロイ
概要
エージェントネイティブサイトホスティング。 エージェントにフォルダーをデプロイするようにしましょう。 公開 URL を秒単位で取得します。 このリポジトリには、オープンソースのクライアントが含まれています。 ホスティングサービスはvibedrop.ccで動作します。 これをClaudeコード、Cursor、Windsurf、またはURLを読むことができる任意のエージェントにドロップします。 https://vibedrop.cc/skill.md を読んで、 VibeDrop を設定するための指示に従ってください。 1。 URLをフェッチできる任意のエージェントが動作します。 2. スキルを読み込み、npm i -g @vibedrop/cli を実行し、匿名 API キーをプロビジョニングします。 サインアップ、クレジットカードはありません。 3。 任意のフォルダに、index.html — dist/、緩いHTMLバンドル、またはエージェントが書いたもの。 - 「./site をオンライン化してリンクをテキスト化」 - 「これをビルドして VibeDrop に出力をデプロイする」 - 「ランディングページを書いた」 ルートで index.html を持つもの: - — Vite、次のエクスポート、Astro、SvelteKit、CRA などからビルド/、out/、ビルド/ - — ハンド書かれた index.html とその資産、単一ファイルモックアップ、AI 生成されたランディングページ.
概要(AI 翻訳)
エージェントネイティブサイトホスティング。 エージェントにフォルダーをデプロイするようにしましょう。 公開 URL を秒単位で取得します。
- ウェブサイト: [[T0]
- スキル: [[T1]
- CLI: [
@vibedrop/cli - MCP サーバー: [
@vibedrop/mcp] - SDK: [
@vibedrop/sdk
このリポジトリには、オープンソースのクライアントが含まれています。 ホスティングサービスはvibedrop.ccで動作します。
クイックスタート — 1 つのプロンプトをエージェントに貼り付ける
これをClaudeコード、Cursor、Windsurf、またはURLを読むことができる任意のエージェントにドロップします。
[https://vibedrop.cc/skill.mdを読んで、VibeDropを設定するための指示に従ってください。
3つのステップ ~30秒:
1.プロンプトを貼り付けます。 URL を取得できるエージェントが機能します。
2.エージェントはインストールします。 [skill.md を読み込み、npm i -g @vibedrop/cli] を実行し、匿名の API キーをプロビジョニングします。 サインアップ、クレジットカードはありません。
3。URLのマスク。 [index.html] - [dist/]]、緩い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"] }
}
}