mcpField
H
host-html

host-html

ローカル
host-html.comその他16 日前に更新

host-html について

host-html は、HTML を共有可能なライブページとして公開し、同じ URL のまま内容を差し替えられます。デプロイ用サーバーを管理せずに生成 HTML を共有したい AI エージェントと利用者向けです。

主な機能

  1. 01HTML をライブリンクとして公開
  2. 02同じ URL のページを更新
  3. 03スキルで HTML スライドを PDF に変換
  4. 04個人 API キーで公開

活用シーン

  1. 01AI 生成 HTML ページの共有
  2. 02リンクを変えずに公開済みページを改訂
  3. 03HTML スライドを PDF に変換

MCP 対応

MCP サーバーは `publish_html` と `update_page` ツールを提供します。公開には、無料でメール認証済みのアカウントで取得した個人用 `HOSTHTML_API_KEY` が必要です。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"phanosh-host-html": {
"command": "npx",
"args": [
"-y",
"host-html-mcp"
],
"env": {
"HOSTHTML_API_KEY": "<HOSTHTML_API_KEY>"
}
}
}
}
起動コマンドnpx -y host-html-mcp
設定が必要な環境変数
HOSTHTML_API_KEYシークレットPersonal API key (hh_...) from host-html.com → Account → API keys

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npmhost-html-mcp0.2.0

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

詳細

host-html

host-html.com

HTML ファイルをすぐにライブリンクとして公開できます。 無料アカウントが必要です。デプロイパイプラインも、管理するサーバーも不要です。 → host-html.com

ご注意 — v2.0.0 の破壊的変更: 匿名での公開は終了しました。公開には、メールアドレスの確認が完了した無料の host-html アカウントと、HOSTHTML_API_KEY に設定した個人用 API キーが必要になりました。セットアップ:API キーの取得をご覧ください。組み込みの共有キーに依存する旧バージョンでは、公開できなくなります。


インストール

Claude Code
/plugin marketplace add phanosh/host-html
/plugin install host-html@host-html

公式の Claude Code マーケットプレイスへの掲載は準備中です。掲載されるまでは、上記の 2 つのコマンドでこのリポジトリから直接インストールしてください。

Claude Desktop、Cursor、Codex(MCP サーバー)
// claude_desktop_config.json / .cursor/mcp.json / .mcp.json
{
  "mcpServers": {
    "host-html": {
      "command": "npx",
      "args": ["-y", "host-html-mcp"],
      "env": { "HOSTHTML_API_KEY": "hh_your_key_here" }
    }
  }
}

2 つのツールを利用できます。publish_html(HTML を入力してリンクを出力)と update_page(新しい HTML を使って、同じリンクを更新)です。 ソースコードとドキュメント:mcp-server/ · npm:host-html-mcp

その他の AI エージェント(スキル)
npx skills add phanosh/host-html -g -y

次に、スキルを使います。

/host-html          # publish HTML as a live link
/host-pdf           # export HTML slides to PDF

/host-html は HTML を探して公開し、数秒でライブ URL を返します。 /host-pdf は各スライドを高解像度でキャプチャし、PDF にまとめます。

Claude Code、Cursor、Codex、Copilot、およびその他 40 以上のエージェントで動作します。


セットアップ:API キーの取得

公開には、無料の host-html アカウントが必要になりました。

  1. host-html.comで無料アカウントにサインインします

  2. メールアドレスを確認します

  3. Account → API keys → Create key に移動します

  4. 生成されたキーをコピーします(hh_… で始まり、一度だけ表示されます)

  5. 環境変数として設定します。

    export HOSTHTML_API_KEY=hh_your_key_here
    

スキルは HOSTHTML_API_KEY を自動的に読み込みます。カスタムスラッグ(下記の「直接 API」表を参照)には引き続き Pro/Team プランが必要ですが、公開そのものはどのプランでも利用できます。


更新

ここで新しいバージョンがリリースされたら、次のコマンドでローカルの Claude Code に取り込んでください。

/plugin marketplace update phanosh/host-html

このコマンドを実行すると、マーケットプレイスのカタログが更新され、marketplace.json、plugin.json、またはスキルのフロントマターにあるバージョンの更新がインストールされます。現在のバージョンを確認するには、次を実行します。

/plugin

自動的に最新の状態を保つには、/plugin を開き、Marketplaces タブに移動して phanosh/host-html を選択し、auto-update をオンにしてください。Claude Code が起動時に更新を取得するようになります。

単体のスキルをインストールした場合(npx skills add ...)、アップグレードするには同じコマンドを再実行します。

npx skills add phanosh/host-html -g -y

直接 API

公開エッジ関数では、個人用 host-html API キー(形式は hh_…)をベアラートークンとして指定する必要があります。キーの生成方法はセットアップをご覧ください。 Authorization ヘッダーで渡してください(apikey ヘッダーは不要です)。

curl -X POST https://suifgsvtcbrawzdhyuhk.supabase.co/functions/v1/publish \
  -H "Authorization: Bearer $HOSTHTML_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"html": "<h1>Hello</h1>", "title": "my page"}'

リクエスト

フィールド型必須説明
htmlstring✓HTML コンテンツ(最大 1MB)
titlestringページタイトル
slugstring^[a-z0-9-]{2,64}$ に一致するカスタム URL パス(有料プラン)
passwordstringページをパスワードで保護します(4~72 文字、有料プラン、JSON ボディのみ)

レスポンス 201

{
  "url": "https://host-html.com/p/abc123",
  "slug": "abc123",
  "edit_token": "...",
  "page_id": "...",
  "has_password": false,
  "expires_at": "2026-03-16T..."
}

リクエストで password が設定されている場合(ページはロックされ、プライベートストレージから配信されます)、has_password は true になります。それ以外の場合は false です。

expires_at は string | null です。無料プランでは、ページが公開終了となる ISO 形式のタイムスタンプです。有料プランではページの有効期限がなく、このフィールドは null になります。これは正式な有効期限なので、固定期間を想定せずレスポンスから読み取ってください。また、null を日付として書式設定せず、適切に処理してください。


ライセンス

MIT

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。