AI Agent

CodexやClaude CodeなどのAI AgentでHTMLをデプロイする方法

AIツールはHTMLの生成を得意としますが、結果を共有する段階には手間が残ります。HTML To LinkのデプロイSkillを使うと、Agentが最後まで処理して公開リンクを返せます。

Agentに公開ステップが必要な理由

生成されたindex.htmlがローカルにあるだけでは、チームメンバーは閲覧できません。Netlify、Vercel、VPSへ手作業で移すために、ユーザーへ余分な作業を求める必要もありません。

HTML To Linkを使えば、Agentが静的な出力をZIPにまとめ、デプロイ用エンドポイントを呼び出し、最後の共有URLだけを返せます。

推奨ワークフロー

Skill Guideを開き、中国語または英語のプロンプトをコピーして、Codex、Claude Code、その他のコーディングAgentへ貼り付けます。

ログインユーザーはAPI Tokenを設定し、Agentにアカウント内のページを管理させられます。短時間のデモには、匿名の一時デプロイも利用できます。

  • /skillからSkillプロンプトをコピーする
  • Agentに静的プロジェクトをZIPとして圧縮させる
  • /api/skill/deployを呼び出す
  • 公開共有URLだけをユーザーへ返す

適している用途

AI生成のランディングページ、マーケティングサイトの試作品、課題のデモ、コンポーネントのショーケース、社内レビューリンクに適しています。

公開バンドルには秘密情報を含めないでください。Skillテンプレートはnode_modules、.git、ローカルの認証情報ファイルなど、一般的な非デプロイ対象を除外します。

FAQ

Agent用プロンプトはどこにありますか?

HTML To LinkのSkill Guideページに、中国語と英語のAgentワークフロー用プロンプトが用意されています。

Agentは同じリンクを更新できますか?

はい。プロジェクトがデプロイ情報をローカルに保存すれば、Agentは毎回新しいURLを作らず、既存ページを更新できます。

本番アプリのホスティングを置き換えられますか?

いいえ。静的HTMLの公開と共有プレビュー向けであり、バックエンドを含むアプリ全体のホスティング向けではありません。

関連ガイド