Legal Architecture

• 訴訟フロー図（当事者 → 証拠 → 事実 → 適用法 → 判決という一連の流れを示すもの）が必要な場合。
• 契約書をレビューしており、当事者、権利・義務、履行マイルストーン、違反の結果を視覚的にマッピングしたい場合。
• クライアントへの説明や社内研修のために、規制手続き図（申請 → 審査 → 決定 → 救済）が必要な場合。
• 案件ファイルやプレゼンテーション用に、証拠連鎖図、請求根拠分析チャート、または法的ヒエラルキーマップが必要な場合。

• スタンドアロンのHTMLドキュメントではなく、編集可能なベクターファイル（例：.svg、.ai、.vsdx）が必要な場合。
• JavaScriptを使用したインタラクティブまたはデータ駆動型のダッシュボードが必要な場合 — このスキルは静的なSVGのみを生成します。
• 可視化の内容が完全に法律以外の分野（組織図、エンジニアリングアーキテクチャなど）である場合 — 汎用の図作成スキルの方が適しています。

すべての図は、CSSとSVGをすべてインライン化した単一の .html ファイルとして提供されます。外部画像なし、JavaScriptなし、サーバー不要 — ブラウザで開くか、WordやPowerPointに直接埋め込むだけで使用できます。

7つの定義済みカラーカテゴリが、それぞれ異なる法的コンポーネントタイプに対応しています：当事者（青）、事実（スレート）、証拠（琥珀色）、法律（エメラルド）、手続き（紫）、判決（赤）、争点（オレンジ）。これにより、法律の専門家がダイアグラムを瞬時にスキャンして把握できるようになります。

3つの特化したレイアウトをサポートします：訴訟フロー（破線のグループボックスを使用した上から下へのレイヤー構造）、契約関係（ハブアンドスポークまたは2列形式）、法的フレームワーク（階層ツリー）。レイアウトはコンテンツの種類に基づいて自動的に選択されます。

明るい #f8fafc の背景、Interフォント（Google Fonts経由で読み込み）、そして正確なスペーシングルールを持つ洗練された角丸長方形のコンポーネントを使用しています。ブラウザから直接印刷した際に、プロフェッショナルな仕上がりになります。

SVGドキュメントの描画順序において、矢印は常にコンポーネントボックスよりも先に描画されるため、接続線がノードの背面にきれいに表示されます。さらに、不透明な白色の背景矩形を使用することで、矢印が色付きボックスを透過して見えてしまうことを防いでいます。

各出力には、ヘッダー（タイトル、事件番号、裁判所）、ダイアグラムカード、3列のメタデータグリッド（当事者、証拠サマリー、判決の要点）、およびフッターが含まれており、単なる図表ではなく、完全なドキュメントとして提供されます。

裁判に備える弁護士がこのスキルを使用して、原告・被告 → 争点 → 証拠 → 事実認定 → 法的根拠 → 判決という流れを示す階層的なフロー図を生成します。出力は印刷可能なHTMLファイルとしてクライアントと共有されます。このスキルは Legal Architecture によって提供されます。

契約管理者が複雑な多当事者間契約を入力すると、各当事者の義務、重要なパフォーマンスマイルストーン、および違反責任条項を示すハブアンドスポーク図が生成され、レビューレポートにそのまま埋め込める形で提供されます。

コンプライアンスチームは、このスキルを使用して、規制申請ガイドや社内トレーニング資料向けに、行政手続き（申請 → 審査 → 決定 → 不服申立て／救済）を図式化します。

弁護士は、個々の証拠から確立された事実へ、そして最終的に法的請求の根拠へと連なる論理的な連鎖を視覚化し、裁判所または仲裁手続きへの提出に向けた明確な証拠資料を作成します。