【自動化】Claude Code × Notion で開発セッションを自動記事化する仕組み

flowchart TD
    A[ユーザー: 記事化して] --> B[Phase 1: 提案]
    B --> C{セッション分析}
    C --> D[記事候補を表示]
    D --> E[ユーザーが選択]
    E --> F[Phase 2: 作成]
    F --> G[Zenn/Qiita品質で記事生成]
    G --> H[機密情報マスク]
    H --> I[Phase 3: 保存]
    I --> J[Notion API呼び出し]
    J --> K[記事リンクを報告]

stateDiagram-v2
    [*] --> 概要Callout
    概要Callout --> 目次
    目次 --> はじめに
    はじめに --> この記事でわかること
    この記事でわかること --> 対象読者
    対象読者 --> 前提条件
    前提条件 --> 本文セクション
    本文セクション --> Tips
    Tips --> 参考リンク
    参考リンク --> まとめ
    まとめ --> [*]

graph LR
    A[記事内容] --> B{分類}
    B -->|エラー解決| C[トラブルシューティング]
    B -->|環境設定| D[設定・環境構築]
    B -->|機能実装| E[実装]
    B -->|設計判断| F[設計]
    B -->|新技術| G[学習メモ]

sequenceDiagram
    actor U as ユーザー
    participant C as Claude Code
    participant S as Skill
    participant N as Notion API
    
    U->>C: 記事化して
    C->>S: session-to-notion スキル発動
    S->>S: セッション分析
    S->>U: 記事候補を提案
    U->>S: 1番を選択
    S->>S: Zenn品質で記事生成
    S->>S: 機密情報マスク
    S->>N: POST /pages
    N-->>S: 記事URL
    S->>U: 記事を保存しました！