本文へスキップ
HTMLtoSITE

AI ツールからそのまま公開 (MCP)

Claude や Cursor などの AI ツールで会話しながら、作った HTML をその場でこのサービスに公開できます。MCP(Model Context Protocol)で接続します。

できること

  • 新しいサイトを作成
  • ページ・ファイルの内容を書き込み(下書き保存)
  • 公開して実際の URL で表示(安全スキャン通過後)
  • 自分のサイト一覧を表示
  • サイトの詳細・下書きファイルを表示

削除・所有権移転・決済などの危険な操作は MCP では公開しません — それらは Web のみです。無料プランでも MCP を使え、プランの上限はそのまま適用されます。

1

API アクセストークンを発行

設定で個人アクセストークンを発行してください。発行時にメールで確認コードを送ります。トークン本体は発行直後に一度だけ表示されるので、安全な場所にコピーしてください。

2

AI ツールに接続

MCP エンドポイント

https://api.htmltosite.com/mcp

Claude Desktop

設定 → 開発者 → MCP サーバーを編集 からこの設定を追加してください(mcp-remote ブリッジを使用)。

{
  "mcpServers": {
    "htmltosite": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://api.htmltosite.com/mcp", "--header", "Authorization: Bearer hts_pat_…"]
    }
  }
}

Claude Code

ターミナルでこのコマンドを実行してください。

claude mcp add --transport http htmltosite https://api.htmltosite.com/mcp \
  --header "Authorization: Bearer hts_pat_…"

Cursor

設定 → MCP の mcp.json にこの項目を追加してください。

{
  "mcpServers": {
    "htmltosite": {
      "url": "https://api.htmltosite.com/mcp",
      "headers": { "Authorization": "Bearer hts_pat_…" }
    }
  }
}

위 스니펫의 hts_pat_… 자리에 1단계에서 발급한 토큰을 넣으세요.