Communityコーディング&開発github.com

kelin3296-jpg/html-deploy

エージェント対応スキル:ローカルHTMLをCloudflare Pagesにデプロイし、安定した本番URLを生成します。

html-deploy とは?

このスキルは、AIエージェントがローカルにあるHTMLファイルやWebサイトをCloudflare Pagesへ直接デプロイするための機能を提供します。デプロイごとに一意で安定した本番URLが生成されるため、CI/CDパイプラインや一時的なプレビュー公開に最適です。主にClaude Code、Coder、CodexなどのAIコーディングエージェントと連携し、ユーザーが手動でCloudflareの管理画面を操作することなく、コマンドベースで公開フローを完結できます。内部ではWrangler CLIまたはCloudflare APIを利用してアップロードとルーティングを自動化しており、開発者にとってはデプロイ手順の大幅な簡略化と、環境変数や設定ファイルの管理不要というメリットがあります。

対応~Claude Code~Codex CLI~Cursor
npx skills add kelin3296-jpg/html-deploy

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

html-deploy は何をしますか?

エージェント対応スキル:ローカルHTMLをCloudflare Pagesにデプロイし、安定した本番URLを生成します。

概要

このスキルは、AIエージェントがローカルのHTMLファイルをCloudflare Pagesにアップロードし、一意で安定した本番URLを即座に生成することを可能にします。

前提条件

  • Cloudflareアカウント(APIトークンまたはグローバルAPIキー)
  • wrangler.toml が設定されているか、環境変数 CLOUDFLARE_API_TOKEN が設定されていること
  • wrangler CLI がインストールされていること(npm install -g wrangler)

使い方

# スキルを呼び出す例(AIエージェントが実行)
skill invoke kelin3296-jpg/html-deploy --params '{"sourceDir": "./dist", "projectName": "my-site"}'

パラメータ

パラメータ型必須説明
sourceDirstringはいデプロイするHTMLファイルが格納されているディレクトリのパス
projectNamestringいいえCloudflare Pages上のプロジェクト名(省略時は自動生成)
branchstringいいえデプロイ先ブランチ(デフォルト: main)

出力

デプロイが成功すると、以下のようなJSONが返されます:

{
  "url": "https://my-site.pages.dev",
  "deploymentId": "abc123",
  "projectName": "my-site",
  "timestamp": "2025-01-01T12:00:00Z"
}

環境変数

  • CLOUDFLARE_API_TOKEN:Cloudflare APIトークン(必須)
  • CLOUDFLARE_ACCOUNT_ID:CloudflareアカウントID(任意、複数アカウントの場合)

注意事項

  • デプロイ可能なファイルサイズの上限はCloudflare Pagesの制限に従います(通常25MBまで)。
  • 生成されたURLは永続的ですが、同じプロジェクトに再デプロイすると上書きされます。
  • このスキルは静的なHTML/CSS/JSのみをサポートします。サーバーサイドコード(例:Cloudflare Functions)は含まれません。

サポート

問題が発生した場合は、GitHub Issues に報告してください。

関連スキル