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단계에서 발급한 토큰을 넣으세요.