CV

chatboxai/vibedrop

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

20 stars 0 forks 品質 69 トレンド 14MIT

エージェントネイティブの静的サイトホスティング — 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.

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
MCP 初心者?mcpskill.org のガイドから始めましょう →

設定

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