Add HTML summary page for repository overview

Comprehensive Japanese-language HTML summary covering all 15 skills, 3 support modules, architecture patterns, directory structure, and usage guide. https://claude.ai/code/session_01523V2A3xtfwLBxhWTNp7dJ
2026-04-05 15:06:04 +00:00
1 changed files with 483 additions and 0 deletions
--- a/summary.html
+++ b/summary.html
@ -0,0 +1,483 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>AI Marketing Skills - リポジトリサマリー</title>
+  <style>
+    :root {
+      --bg: #0f1117;
+      --card: #1a1d27;
+      --border: #2a2d3a;
+      --accent: #6c63ff;
+      --accent2: #00d4aa;
+      --text: #e4e4e7;
+      --muted: #9ca3af;
+      --tag-bg: #2a2d3a;
+    }
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      background: var(--bg);
+      color: var(--text);
+      line-height: 1.6;
+    }
+    .container { max-width: 1200px; margin: 0 auto; padding: 2rem 1.5rem; }
+
+    /* Header */
+    header {
+      text-align: center;
+      padding: 3rem 0 2rem;
+      border-bottom: 1px solid var(--border);
+      margin-bottom: 2rem;
+    }
+    header h1 {
+      font-size: 2.5rem;
+      background: linear-gradient(135deg, var(--accent), var(--accent2));
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      margin-bottom: 0.5rem;
+    }
+    header p { color: var(--muted); font-size: 1.1rem; max-width: 700px; margin: 0 auto; }
+
+    /* Stats bar */
+    .stats {
+      display: flex;
+      justify-content: center;
+      gap: 2.5rem;
+      margin: 2rem 0;
+      flex-wrap: wrap;
+    }
+    .stat { text-align: center; }
+    .stat-num {
+      font-size: 2rem;
+      font-weight: 700;
+      color: var(--accent2);
+    }
+    .stat-label { color: var(--muted); font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.05em; }
+
+    /* Section */
+    .section-title {
+      font-size: 1.4rem;
+      margin: 2.5rem 0 1rem;
+      padding-bottom: 0.5rem;
+      border-bottom: 2px solid var(--accent);
+      display: inline-block;
+    }
+
+    /* Skill Cards */
+    .grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
+      gap: 1.2rem;
+      margin-top: 1rem;
+    }
+    .card {
+      background: var(--card);
+      border: 1px solid var(--border);
+      border-radius: 12px;
+      padding: 1.5rem;
+      transition: border-color 0.2s, transform 0.2s;
+    }
+    .card:hover {
+      border-color: var(--accent);
+      transform: translateY(-2px);
+    }
+    .card h3 {
+      font-size: 1.15rem;
+      margin-bottom: 0.3rem;
+      color: #fff;
+    }
+    .card .path {
+      font-size: 0.78rem;
+      color: var(--accent);
+      font-family: monospace;
+      margin-bottom: 0.6rem;
+    }
+    .card p {
+      font-size: 0.9rem;
+      color: var(--muted);
+      margin-bottom: 0.8rem;
+    }
+    .scripts {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 0.4rem;
+    }
+    .tag {
+      background: var(--tag-bg);
+      color: var(--accent2);
+      font-size: 0.75rem;
+      padding: 0.2rem 0.6rem;
+      border-radius: 999px;
+      font-family: monospace;
+    }
+
+    /* Architecture */
+    .arch-list {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+      gap: 1rem;
+      margin-top: 1rem;
+    }
+    .arch-item {
+      background: var(--card);
+      border: 1px solid var(--border);
+      border-radius: 10px;
+      padding: 1.2rem;
+    }
+    .arch-item h4 { color: var(--accent2); margin-bottom: 0.3rem; }
+    .arch-item p { font-size: 0.88rem; color: var(--muted); }
+
+    /* Support modules */
+    .support-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+      gap: 1rem;
+      margin-top: 1rem;
+    }
+    .support-card {
+      background: var(--card);
+      border: 1px solid var(--border);
+      border-radius: 10px;
+      padding: 1.2rem;
+    }
+    .support-card h4 { color: #fff; margin-bottom: 0.3rem; }
+    .support-card p { font-size: 0.88rem; color: var(--muted); }
+
+    /* File tree */
+    .tree {
+      background: var(--card);
+      border: 1px solid var(--border);
+      border-radius: 10px;
+      padding: 1.5rem;
+      font-family: monospace;
+      font-size: 0.82rem;
+      color: var(--muted);
+      overflow-x: auto;
+      line-height: 1.8;
+      margin-top: 1rem;
+    }
+    .tree .dir { color: var(--accent); font-weight: 600; }
+    .tree .file { color: var(--muted); }
+
+    footer {
+      text-align: center;
+      margin-top: 3rem;
+      padding: 2rem 0;
+      border-top: 1px solid var(--border);
+      color: var(--muted);
+      font-size: 0.85rem;
+    }
+
+    @media (max-width: 600px) {
+      header h1 { font-size: 1.6rem; }
+      .grid { grid-template-columns: 1fr; }
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+
+    <header>
+      <h1>AI Marketing Skills</h1>
+      <p>Single Grain / Single Brain が構築した、本番運用レベルの AI マーケティング &amp; セールス自動化スキル集。Claude Code 向けの SKILL.md として即座に利用可能。</p>
+    </header>
+
+    <div class="stats">
+      <div class="stat"><div class="stat-num">15</div><div class="stat-label">Skills</div></div>
+      <div class="stat"><div class="stat-num">50+</div><div class="stat-label">Scripts</div></div>
+      <div class="stat"><div class="stat-num">3</div><div class="stat-label">Support Modules</div></div>
+      <div class="stat"><div class="stat-num">Python 3.9+</div><div class="stat-label">Runtime</div></div>
+    </div>
+
+    <!-- ===== SKILLS ===== -->
+    <h2 class="section-title">Skills 一覧</h2>
+    <div class="grid">
+
+      <!-- 1 -->
+      <div class="card">
+        <h3>Content Ops</h3>
+        <div class="path">content-ops/</div>
+        <p>品質ゲート付きコンテンツ制作パイプライン。7-10人のエキスパートパネルがコンテンツを再帰的にスコアリングし、90/100 以上になるまで改善。5次元評価（声の類似性、具体性、AIスロップペナルティ、長さ、エンゲージメント）。</p>
+        <div class="scripts">
+          <span class="tag">editorial-brain.py</span>
+          <span class="tag">content-quality-scorer.py</span>
+          <span class="tag">content-transform.py</span>
+          <span class="tag">quote-mining-engine.py</span>
+          <span class="tag">content-quality-gate.py</span>
+        </div>
+      </div>
+
+      <!-- 2 -->
+      <div class="card">
+        <h3>Sales Pipeline</h3>
+        <div class="path">sales-pipeline/</div>
+        <p>匿名サイト訪問者を60秒以内にパイプライン化。RB2B によるビジター識別、インテントスコアリング、6層の抑制フィルタ、自己学習型 ICP によるスマートルーティング。</p>
+        <div class="scripts">
+          <span class="tag">rb2b_webhook_ingest.py</span>
+          <span class="tag">rb2b_suppression_pipeline.py</span>
+          <span class="tag">rb2b_instantly_router.py</span>
+          <span class="tag">deal_resurrector.py</span>
+          <span class="tag">trigger_prospector.py</span>
+          <span class="tag">icp_learning_analyzer.py</span>
+        </div>
+      </div>
+
+      <!-- 3 -->
+      <div class="card">
+        <h3>Outbound Engine</h3>
+        <div class="path">outbound-engine/</div>
+        <p>ICP 定義からメール送信まで完全自動化。10人のエキスパートパネルによるコピースコアリング、リードソーシング、重複排除、競合モニタリング。</p>
+        <div class="scripts">
+          <span class="tag">cold-outbound-sender.py</span>
+          <span class="tag">lead-pipeline.py</span>
+          <span class="tag">competitive-monitor.py</span>
+          <span class="tag">cross-signal-detector.py</span>
+          <span class="tag">instantly-audit.py</span>
+        </div>
+      </div>
+
+      <!-- 4 -->
+      <div class="card">
+        <h3>Growth Engine</h3>
+        <div class="path">growth-engine/</div>
+        <p>Karpathy 流 autoresearch をマーケティングに適用。A/Bテスト・バッチ実験の作成、統計分析（Bootstrap CI + Mann-Whitney U）、勝者の自動プレイブック化。</p>
+        <div class="scripts">
+          <span class="tag">experiment-engine.py</span>
+          <span class="tag">autogrowth-weekly-scorecard.py</span>
+          <span class="tag">pacing-alert.py</span>
+        </div>
+      </div>
+
+      <!-- 5 -->
+      <div class="card">
+        <h3>SEO Ops</h3>
+        <div class="path">seo-ops/</div>
+        <p>競合が見逃したキーワードを発見。コンテンツ攻撃ブリーフ、GSC 最適化（ストライキングディスタンス 4-20位）、マルチソーストレンド検出。</p>
+        <div class="scripts">
+          <span class="tag">content_attack_brief.py</span>
+          <span class="tag">gsc_client.py</span>
+          <span class="tag">gsc_auth.py</span>
+          <span class="tag">trend_scout.py</span>
+        </div>
+      </div>
+
+      <!-- 6 -->
+      <div class="card">
+        <h3>Finance Ops</h3>
+        <div class="path">finance-ops/</div>
+        <p>AI CFO。QuickBooks エクスポートからエグゼクティブ財務サマリーを生成。異常検出、バーンレート分析、12ヶ月シナリオモデリング（ベース/ブル/ベア）。</p>
+        <div class="scripts">
+          <span class="tag">cfo-analyzer.py</span>
+          <span class="tag">scenario-modeler.py</span>
+        </div>
+      </div>
+
+      <!-- 7 -->
+      <div class="card">
+        <h3>Revenue Intelligence</h3>
+        <div class="path">revenue-intelligence/</div>
+        <p>営業通話からコンテンツ ROI を証明。Gong インサイト抽出、コンテンツ→収益アトリビューション（ファーストタッチ/リニア/タイムディケイ）、統合クライアントレポート。</p>
+        <div class="scripts">
+          <span class="tag">gong_insight_pipeline.py</span>
+          <span class="tag">revenue_attribution.py</span>
+          <span class="tag">client_report_generator.py</span>
+        </div>
+      </div>
+
+      <!-- 8 -->
+      <div class="card">
+        <h3>Conversion Ops</h3>
+        <div class="path">conversion-ops/</div>
+        <p>ランディングページを8つのコンバージョン次元でスコアリング。アンケートデータからリードマグネット戦略を自動生成。</p>
+        <div class="scripts">
+          <span class="tag">cro_audit.py</span>
+          <span class="tag">survey_lead_magnet.py</span>
+        </div>
+      </div>
+
+      <!-- 9 -->
+      <div class="card">
+        <h3>Podcast Ops</h3>
+        <div class="path">podcast-ops/</div>
+        <p>1つのポッドキャストエピソードから 15-20 のコンテンツピースを生成。ショートクリップ、スレッド、記事、ニュースレター、引用カード、TikTok スクリプト。バイラルスコアリング付き。</p>
+        <div class="scripts">
+          <span class="tag">podcast_pipeline.py</span>
+        </div>
+      </div>
+
+      <!-- 10 -->
+      <div class="card">
+        <h3>Team Ops</h3>
+        <div class="path">team-ops/</div>
+        <p>「イーロン・アルゴリズム」によるチームパフォーマンス監査（質問→削除→簡素化→加速→自動化）。ミーティングからのアクションアイテム自動抽出。</p>
+        <div class="scripts">
+          <span class="tag">team_performance_audit.py</span>
+          <span class="tag">meeting_action_extractor.py</span>
+        </div>
+      </div>
+
+      <!-- 11 -->
+      <div class="card">
+        <h3>Sales Playbook</h3>
+        <div class="path">sales-playbook/</div>
+        <p>バリューベースプライシングフレームワーク。$10K/月の案件を $40-100K/月に。プリコールブリーフィング、ティアードパッケージング、ポストコール分析、パターンライブラリ。</p>
+        <div class="scripts">
+          <span class="tag">value_pricing_briefing.py</span>
+          <span class="tag">value_pricing_packager.py</span>
+          <span class="tag">call_analyzer.py</span>
+          <span class="tag">pricing_pattern_library.py</span>
+        </div>
+      </div>
+
+      <!-- 12 -->
+      <div class="card">
+        <h3>Autoresearch</h3>
+        <div class="path">autoresearch/</div>
+        <p>ローンチ前コンテンツ最適化。50以上のバリアントを生成し、5人のエキスパートパネル（CMO、懐疑的創業者、CRO、コピーライター、CEO）でスコアリング、最良版を出力。</p>
+        <div class="scripts">
+          <span class="tag">autoresearch.py</span>
+        </div>
+      </div>
+
+      <!-- 13 -->
+      <div class="card">
+        <h3>Deck Generator</h3>
+        <div class="path">deck-generator/</div>
+        <p>AI 生成画像によるプロフェッショナルプレゼンテーション。Imagen 4.0 使用、6種のスタイルプリセット。14スライドを約2分、約56セントで生成。</p>
+        <div class="scripts">
+          <span class="tag">generate-deck.py</span>
+        </div>
+      </div>
+
+      <!-- 14 -->
+      <div class="card">
+        <h3>YT Competitive Analysis</h3>
+        <div class="path">yt-competitive-analysis/</div>
+        <p>YouTube のアウトライヤー検出。チャンネル分析、平均視聴回数の2倍以上のアウトライヤーを特定、タイトルパターン抽出。</p>
+        <div class="scripts">
+          <span class="tag">analyze.py</span>
+        </div>
+      </div>
+
+      <!-- 15 -->
+      <div class="card">
+        <h3>X Long-Form Post</h3>
+        <div class="path">x-longform-post/</div>
+        <p>人間らしい X 記事・スレッドを作成。24パターンの AI ヒューマナイザーチェックリスト（AI 的表現の検出・排除）、ASCII ダイアグラム必須、90+ スコアで出荷。</p>
+        <div class="scripts">
+          <span class="tag">SKILL.md (24-pattern humanizer)</span>
+        </div>
+      </div>
+
+    </div>
+
+    <!-- ===== SUPPORT MODULES ===== -->
+    <h2 class="section-title">サポートモジュール</h2>
+    <div class="support-grid">
+      <div class="support-card">
+        <h4>Eval Framework</h4>
+        <div class="path" style="font-size:0.78rem;color:var(--accent);font-family:monospace;margin-bottom:0.4rem;">eval/</div>
+        <p>AI 出力の自動評価スイート。テストケース生成、シナリオ実行、スコアリング、リグレッション検出。</p>
+      </div>
+      <div class="support-card">
+        <h4>Telemetry</h4>
+        <div class="path" style="font-size:0.78rem;color:var(--accent);font-family:monospace;margin-bottom:0.4rem;">telemetry/</div>
+        <p>匿名ローカル使用ログ。リモートレポートはオプトインのみ。バージョンチェック機能。</p>
+      </div>
+      <div class="support-card">
+        <h4>Security</h4>
+        <div class="path" style="font-size:0.78rem;color:var(--accent);font-family:monospace;margin-bottom:0.4rem;">security/</div>
+        <p>PII サニタイザー、pre-commit フック、個人情報パターンのブロック。設定可能なブロックリスト。</p>
+      </div>
+    </div>
+
+    <!-- ===== ARCHITECTURE PATTERNS ===== -->
+    <h2 class="section-title">アーキテクチャパターン</h2>
+    <div class="arch-list">
+      <div class="arch-item">
+        <h4>Expert Panels</h4>
+        <p>複数の専門ペルソナがコンテンツを再帰的にスコアリング。90/100 以上になるまで反復改善。</p>
+      </div>
+      <div class="arch-item">
+        <h4>Statistical Rigor</h4>
+        <p>Bootstrap 信頼区間 + Mann-Whitney U 検定による統計的厳密性。「感覚」ではなくデータ駆動。</p>
+      </div>
+      <div class="arch-item">
+        <h4>Self-Learning</h4>
+        <p>承認/却下の判断と実績から自動的にモデルが進化。ICP やプレイブックが自己改善。</p>
+      </div>
+      <div class="arch-item">
+        <h4>Deduplication</h4>
+        <p>セマンティック類似性チェックにより冗長な出力を防止。</p>
+      </div>
+      <div class="arch-item">
+        <h4>Quality Gates</h4>
+        <p>CI/CD スタイルの品質ゲート。基準を満たさないコンテンツは出荷されない。</p>
+      </div>
+      <div class="arch-item">
+        <h4>Modular Scripts</h4>
+        <p>各ツールはスタンドアロンで使用可能。チェーンして組み合わせることも可能。</p>
+      </div>
+    </div>
+
+    <!-- ===== FILE STRUCTURE ===== -->
+    <h2 class="section-title">ディレクトリ構造</h2>
+    <div class="tree">
+<span class="dir">ai-marketing-skills/</span>
+├── <span class="dir">autoresearch/</span>          — Karpathy流コンテンツ最適化
+├── <span class="dir">content-ops/</span>            — 品質ゲート付きコンテンツ制作
+│   ├── <span class="dir">experts/</span>            — 9種のエキスパートペルソナ
+│   ├── <span class="dir">scoring-rubrics/</span>    — 5次元評価ルーブリック
+│   ├── <span class="dir">scripts/</span>            — 制作パイプラインスクリプト
+│   └── <span class="dir">references/</span>         — パターン・組立ガイド
+├── <span class="dir">conversion-ops/</span>         — LP最適化 &amp; リードマグネット
+├── <span class="dir">deck-generator/</span>         — AI画像プレゼン生成
+├── <span class="dir">eval/</span>                   — AI出力評価フレームワーク
+├── <span class="dir">finance-ops/</span>            — AI CFO / 財務分析
+│   └── <span class="dir">references/</span>         — コスト・メトリクスガイド
+├── <span class="dir">growth-engine/</span>          — 自律型実験エンジン
+├── <span class="dir">outbound-engine/</span>        — コールドメール自動化
+│   ├── <span class="dir">scripts/</span>            — 送信・監視スクリプト
+│   └── <span class="dir">references/</span>         — ICP・コピールール
+├── <span class="dir">podcast-ops/</span>            — ポッドキャスト→マルチコンテンツ
+├── <span class="dir">revenue-intelligence/</span>   — 収益アトリビューション
+├── <span class="dir">sales-pipeline/</span>         — 訪問者→パイプライン自動化
+├── <span class="dir">sales-playbook/</span>         — バリューベースプライシング
+├── <span class="dir">security/</span>               — PIIサニタイザー
+├── <span class="dir">seo-ops/</span>                — キーワードインテリジェンス
+├── <span class="dir">team-ops/</span>               — チーム監査 &amp; 会議抽出
+├── <span class="dir">telemetry/</span>              — 使用ログ &amp; バージョン管理
+├── <span class="dir">x-longform-post/</span>        — X記事（ヒューマナイザー付き）
+├── <span class="dir">yt-competitive-analysis/</span>— YouTube競合分析
+├── <span class="file">Makefile</span>
+├── <span class="file">README.md</span>
+├── <span class="file">CONTRIBUTING.md</span>
+├── <span class="file">LICENSE</span>
+├── <span class="file">VERSION</span>
+└── <span class="file">skill-safety.yml</span>
+    </div>
+
+    <!-- ===== HOW TO USE ===== -->
+    <h2 class="section-title">使い方</h2>
+    <div class="card" style="margin-top:1rem;">
+      <h3>Claude Code で利用する</h3>
+      <p style="margin-top:0.5rem;">各スキルの <code>SKILL.md</code> を <code>.claude/skills/</code> にコピーして、Claude に実行を依頼するだけ。</p>
+      <pre style="background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-top:0.8rem;font-size:0.85rem;overflow-x:auto;color:var(--accent2);">
+# 例: Growth Engine スキルをプロジェクトに追加
+cp ai-marketing-skills/growth-engine/SKILL.md your-project/.claude/skills/growth-engine.md
+
+# Claude に依頼
+"LinkedIn でカルーセル vs 単一投稿の実験を作成して"</pre>
+      <p style="margin-top:0.8rem;font-size:0.88rem;color:var(--muted);">Python 3.9+ が必要。API キーは環境変数で設定。大半のスクリプトは stdin/stdout で動作。一部（ICP Analyzer など）は PostgreSQL が必要。</p>
+    </div>
+
+    <footer>
+      <p>AI Marketing Skills &mdash; Built by Single Grain / Single Brain</p>
+      <p style="margin-top:0.3rem;">Generated on 2026-04-05</p>
+    </footer>
+
+  </div>
+</body>
+</html>