はじめに
OKIRAKUWORKS のコーポレートサイトを、戦略策定→ブランド設計→実装→品質検証 まで、すべて桜田＋AIエージェント7名で完遂したプロセスをそのまま公開します。
戦略フェーズ（Planner）
- 現状サイトの戦略診断：ポジショニングが「セキュリティ＋アプリ開発」止まり、持株会社モデル未訴求
- 新ポジショニング策定：「AIネイティブ × セキュリティファースト × PGEループ品質保証 の作家集団」
- 新セクション設計：AI-Native Engineering / Brand Family / FORGEGODMAN支店訴求
戦略書は website/PLAN.md として保存。次フェーズの基盤に。
実装フェーズ（Generator）
frontend-developerが index.astro を戦略リニューアル- 新セクション2つ追加（PGEループ可視化 / Brand Family）
- 既存セクションを強化（4パッケージ、Stats、Strengths）
- FadeIn コンポーネントを framer-motion → IntersectionObserver の軽量版に書き換え
client:visible→client:load全置換で初期hydration改善
その後 about / services / contact / brands / agents / process を順次実装。
検証フェーズ（Evaluator）
- Puppeteer で全ページのフルキャプチャを撮影
- 10点満点で採点：全ページ8.5〜8.7 で合格
- ビルドサイズ：framer-motion 除去で 46 モジュールに軽量化
- 4ページ → 8ページに拡張完了
学び
- PGE品質ゲート（8/10）は本当に効く：「概ね良い」判定が構造的にできない
- ブランドファミリー設計は早期に：AQUAGODMAN/FORGEGODMAN の兄弟関係が、新規ブランドのアイデンティティ設計を加速
- AIネイティブ運営の透明性：このサイト自身が AIエージェントで作られたという事実が、差別化メッセージの最強の証拠
次のステップ
- Cloudflare Pages へのデプロイ
- contact フォーム backend 実装（Cloudflare Workers + Resend）
- FORGEGODMAN 支店専用サイトの構築
- Lighthouse スコアの公開化
このサイト自体が、PGEループで磨かれた1つのプロダクトです。気になる箇所があれば、 お気軽にお問い合わせください。