AI で LP を 5 営業日 → 1 日に
Claude Code で構成・コピー・実装 → HubSpot CMS テンプレ化 → フォーム連携まで一気通貫。 ヒアリング当日に公開可能なスピードを実現。
使用 AI 環境
- Claude Code
- HubSpot CMS
成果物
Time Capsule
AI 進化と humbulls の
活用記録
humbulls が AI で作ったアウトプットを、各時点での最善として残します。 上段は 今の実力、下段は 進化の軌跡。 AI のアップデートと制作レベルを並走させて、動く形で証言する場所。
Latest Workflows
今、humbulls が AI でできること
実用化済みの AI ワークフロー一覧。 使った AI 環境・効率指標・成果物リンクをセットで公開。 クライアント案件は架空案件にマスキングして掲載しています。
AI で 30 ページ資料を 2 週間で
既存の権威コンテンツを参照リスト化 → 章立て生成 → ドラフト → 人手レビュー。 全章で「AI 活用視点」を埋め込み、差別化された資料に。
使用 AI 環境
- Claude Code
- Puppeteer (PDF出力)
成果物 (制作中)
AI で 30 枚の提案書を 1 日で
humbulls スライドテンプレ (10タイプ) を AI で組み立て → 現状分析・構成・ドラフト → Figma 出力。 制約が多い BtoB 提案も短納期で。
使用 AI 環境
- Claude Code
- Figma MCP
成果物 (架空案件版)
AI で 25 ページのサイトを 2 週間で公開
Claude Code で HTML/CSS/HubL 自動生成 → HubSpot CMS テンプレ化 → モジュール化 → 個別ページ展開。 humbulls.com 自体がショーケース。
使用 AI 環境
- Claude Code
- HubSpot CMS Starter
成果物
AI でブランド一式を 2 週間で構築
トンマナ定義・カラートークン・タイポ・ロゴ展開・スライドテンプレ 10 タイプを HTML で構築。 デュアルモード (Default / Bulls) 設計でブランド表現の幅を広げる。
使用 AI 環境
- Claude Code
成果物 (社内資料)
AI 動画制作ワークフロー
近日追加予定。
Timeline Archive
AI 進化と humbulls 活用の並走年表
humbulls (公式) / Client Work (クライアント案件) / Personal R&D (個人開発) を AI 側のメジャーアップデートと並走で時系列ポイントに。 「いつ、どの AI で、何ができたか」を一目で。
※ AI Update (◇) は全カテゴリ共通で表示されます
2026 / 02
Claude Opus 4.6 リリース — 1M token context window、 adaptive reasoning、 agent teams (multi-agent + Mailbox Protocol)。
2026 / 03
humbulls T&M v2.2 + ブランド一式構築
Tone & Manner v2.2 (デュアルモード設計: Default Gold / Bulls Orange→Red)、 カラートークン、 タイポ、 ロゴ展開、 スライドテンプレ 10 タイプを Claude Opus 4.6 で HTML 構築。 サイト制作の前段として全ブランド表現を確立し、 以降の humbulls 配下の制作物 (LP / WP / 提案書 / Time Capsule など) の基盤に。
T&M v2.2 (正本)
採用
ブランド全体のデザインの「正本」。 カラー / タイポ / コンポーネント / デュアルモードを 1 ファイルで定義。
プレビューを開く2026 / 04
Swim Tempo Trainer (watchOS) — 水泳テンポトレーニング watchOS アプリ。 当初は Xcode + Codex で個人プロジェクトとして開発開始 → 2026-04-02 に Claude Code 環境へ移行し継続中。 AI 開発環境の世代交代も合わせて記録。
Hero Exploration v1 — humbulls.com トップ KV
humbulls.com トップのキービジュアルを設計するため、Claude Code (Opus 4.6) で 4 つの方向性を試作 → 採用版を決定。 この時点では Claude Opus 4.7 / Claude Design / GPT Image 2 / GPT-5.5 はまだ未リリース。 すべて HTML/CSS/SVG の手書きベースで構築した、「画像生成・WebGL 自動生成 が無かった時代」の記録です。
Adopted — 現 Hero
採用
D-Integrated をベースに、ブランド要素 (Bulls Mode 切替・Lucide icon・Outfit + Noto Sans JP の混植) を組み込んだ最終版。
Live を見るVariant A — Centered
没
中央寄せの古典 Hero。シンプルで読みやすいが、humbulls の「実行型」感は弱く見送り。
プレビューVariant B — Split
没
左コピー / 右ビジュアルの 2 カラム。当時の AI で右側に説得力ある画像を作れず装飾的に終わったため見送り。
プレビューVariant C — Magazine
没
エディトリアル / 雑誌風レイアウト。タイポグラフィ強いが、行動を促す導線がぼやけて見送り。
プレビューVariant D — Integrated
基
上下に流れる構成 + ブランド要素を統合。これをベースに細部を詰めて採用版へ。
プレビューDNA FACTOR RESUme LP — 遺伝子検査ブランド「RESUme」の BtoB LP 2 ページ構成 (ブランド + 法人特化)。 GACKT 動画連動キャンペーン用。 Claude Code (Opus 4.6/4.7) で構成・コピー・実装。 制作フロー含めて公開許可済 (Live URL は 2026-04-20 公開予定)。
Claude Opus 4.7 + Claude Design リリース — vision capabilities 強化、 高品質な UI / slides / docs 生成、 software engineering 能力向上。
SwimHub — 水泳ポータルメディア (media-swimhub.pages.dev) — 海外水泳情報 + 国内大会・記録・ショップ・プールを集約する中立・匿名のポータル。 Astro + Cloudflare Pages、 AI 半自動運用。 04-18 開設 → 04-19 デザイン反復 → 04-24 公開 API v1 (events.json / events.ics、 CC BY 4.0)。 Training Log App との API 連携を想定。
※ サイト本体は中立・匿名運営方針。 Time Capsule では Personal R&D の制作実績として記録。
GPT Image 2 (ChatGPT Images 2.0) リリース — 4K resolution、 pixel-perfect text rendering、 reasoning model 統合。
GPT-5.5 (codename: Spud) リリース — code・research・data・docs/sheets・software operation を横断するエージェント力強化。
LP/TX 4ページ + Time Capsule 開設 — BtoBガイドLP / 会社紹介LP / イベントLP / 各 TX を HubSpot CMS に公開。 LP/TX テンプレを プレビュー版完全コピー + フォームのみモジュール化に全面リライト。 Time Capsule セクション開設。
Time Capsule v2 — Latest Workflows セクション追加 (LP/WP/提案書/サイト/Brand/動画 Coming Soon の 6 カード)。 Timeline Archive を 年月軸 + ポイント events 構造に再設計。 カテゴリ tag (humbulls / Client Work / Personal R&D / Brand) で色分け。
Training Log App (iOS) — 競技パフォーマンス × ボディメイク両立を狙うアスリート向け統合トレーニングログ。 Tech: Swift / SwiftUI / SwiftData / Swift Charts / Apple HealthKit (iOS 17+ / watchOS は Phase 3)。 ベンチマーク: WorkoutWise (workoutwise.app)。 Phase 7-8 進行中 (onboarding sheet 実装、 plugin policy 整備済)。 Claude Code (Opus 4.7) で開発。 SwimHub API v1 と連携予定。
次の記録を待っています — AI のアップデートがあれば AI Milestone として、 humbulls / Client Work / Personal R&D の新しい制作があれば Item として追加されていきます。