PRODUCTION MODE
LP制作・AI活用・テンプレート
🔨 制作
司令室へ
AI制作ツール（コーディング・画像）
🧠 AI TOOLS
ChatGPT Claude Gemini Perplexity Firefly WhiskAI画像 FlowAI動画
LP診断モードへ（制作前の調査はこちら）
テンプレートカタログ
DEMO DESIGNS
Type-A Type-B Type-C Type-D Type-E Type-F Type-G
LP制作でよく使うツール
PageSpeed Insights（速度計測） Canva（デザイン制作） Squoosh（画像圧縮） Whisk（AI画像生成） 旧ImageFXの後継 Flow（AI動画生成） リール背景動画に
設計リソース
ワイヤーフレームテンプレート Hero等コンポーネント集 建設関連 画像プロンプト集 ImageFX/Flow対応 リール用 動画生成プロンプト集 AI背景素材・Runway対応
開発・インフラ
GitHub CF Pages New Repo
Tools & Links（Webツール集）
コーディングマニュアル
🛡️
コーディング鉄則（14ルール＋事例集）
bottom vs top・dvh禁止・バージョンバンプ・文字化け防止など
 📱
モバイル最適化ガイド
タイポグラフィ・ブレークポイント・PageSpeed対策
 📐
レスポンシブLP制作ガイド
スペーシング・チェックリスト・アニメーション実装
制作フロー（詳細ページ）
📄
LP制作フロー（Antigravity版）
フォルダ作成 → AI共有 → コーディング → Go Live → push → 納品
 🏢
コーポレートサイト制作フロー（Antigravity版）
フォルダ作成 → サイトマップ共有 → TOP制作 → サブページ展開 → 納品