自社サイトの担当者
HubSpot CMS のサイトを、外注に頼らず AI と一緒に直せるようになりたい。
「テーマの構造が分からず、怖くて触れない」
無料Claude Code 用スキルZIP
AI で HubSpot のテーマを作る、 Claude Code 用スキル
HubSpot CMS はテンプレートもモジュールも独自仕様で、普通のサイト制作の常識が通用しません。humbulls.com のリニューアル（website 43ページ+ブログ+LP の一括構築）で実測した手順と罠を、Claude Code のスキルにまとめました。フォルダに置くだけで、AI が HubSpot の流儀で作業を進めます。
スキルを無料でダウンロード →
入力は1分。送信後すぐ受け取れます。
CLAUDE CODE SKILL
hubspot-
theme-
builder
制作: 栗田 一輝 / humbulls · 2026年7月版
構築手順から罠の回避策まで、5つの内容を収録しています
概念の解説ではなく、実案件で実際に踏んだ罠と、その回避手順だけを載せています。
- テーマ構築の7ステップワークフロー（静的モックを正本にした HubL 機械変換）
- 実測で踏んだ罠12個と回避策（get_asset_url・フォーム module・ページ数上限・キャッシュ）
- ページ作成から公開切替までの API レシピ（そのままコピペで使えます）
- 公開切替スクリプトの骨子（43ページの切替実績・ダウンタイム約2分）
- インストール手順つき README（skills フォルダに置くだけで使えます）
こんな状況の方のために書きました
HubSpot CMS に関わる方へ。当てはまるものがあれば、役に立ちます。
制作会社・フリーランス
HubSpot 案件の構築を AI で高速化し、検証や公開切替まで型化したい。
「HubSpot 特有の落とし穴で毎回時間が溶ける」
これから HubSpot を選ぶ方
導入前に「何がどう特殊か」を知り、構築の工数感をつかんでおきたい。
「普通の Web 制作と何が違うのか見えない」
スキル本体とリファレンス2本の、3ファイル構成です
Claude Code がタスクに応じて自動で読み分けます。人間がそのまま読んでも、HubSpot 構築の手順書として使えます。
SKILL.md — 本体
4つの大原則、テーマの最小構造、7ステップのワークフロー、罠12個の早見表。まずここだけ読めば全体がつかめます。
references/pitfalls.md — 罠の詳細
get_asset_url の webp 非対応、フォーム module の正しい記法、ページ数上限の実態、キャッシュの切り方など、実測で踏んだ罠12個の再現条件と回避策。
references/api-cookbook.md — API レシピ
ページ作成・公開・リダイレクト登録・ブログのテンプレ切替・Design Manager のファイル操作。curl でそのまま実行できる形で載せています。
フォーム送信で、すぐ受け取れます
送信後、ダウンロードリンクを登録メール宛に送ります。入力は1分で終わります。
入力は5項目、1分で終わります。
HubSpot の構築や運用を、自社の状況に当てはめて相談したい方は、60分の無料相談をどうぞ。
無料相談を予約する →