host-html について
host-html は、HTML を共有可能なライブページとして公開し、同じ URL のまま内容を差し替えられます。デプロイ用サーバーを管理せずに生成 HTML を共有したい AI エージェントと利用者向けです。
主な機能
- 01HTML をライブリンクとして公開
- 02同じ URL のページを更新
- 03スキルで HTML スライドを PDF に変換
- 04個人 API キーで公開
活用シーン
- 01AI 生成 HTML ページの共有
- 02リンクを変えずに公開済みページを改訂
- 03HTML スライドを PDF に変換
MCP 対応
MCP サーバーは `publish_html` と `update_page` ツールを提供します。公開には、無料でメール認証済みのアカウントで取得した個人用 `HOSTHTML_API_KEY` が必要です。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
ツール
ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。
詳細
host-html
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 アカウントが必要になりました。
-
host-html.comで無料アカウントにサインインします
-
メールアドレスを確認します
-
Account → API keys → Create key に移動します
-
生成されたキーをコピーします(
hh_…で始まり、一度だけ表示されます) -
環境変数として設定します。
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"}'
リクエスト
| フィールド | 型 | 必須 | 説明 |
|---|---|---|---|
html | string | ✓ | HTML コンテンツ(最大 1MB) |
title | string | ページタイトル | |
slug | string | ^[a-z0-9-]{2,64}$ に一致するカスタム URL パス(有料プラン) | |
password | string | ページをパスワードで保護します(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
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。
