メニュー
将案件事实、法律关系、诉讼策略转化为交互式 HTML 可视化图表。 当用户需要可视化、关系图、流程图、时间线图、 股权结构图、资金流向图、证据链图时使用此技能。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | litigation-visualization |
| version | 1.0.0 |
| description | 将案件事实、法律关系、诉讼策略转化为交互式 HTML 可视化图表。 当用户需要可视化、关系图、流程图、时间线图、 股权结构图、资金流向图、证据链图时使用此技能。 |
基于四步绘图法，将复杂的案件信息转化为直观、交互式的 HTML 图表。产出单文件 .html，浏览器直接打开，无需任何外部依赖。
根据用户需求和材料内容，从十大典型图表模式中选择最合适的类型：
| 序号 | 图表类型 | 适用场景 | 核心要素 |
|---|---|---|---|
| 1 | 法律关系图 | 多主体间权利义务关系 | 主体节点 + 法律关系连线 |
| 2 | 时间线图 | 案件事实发展脉络 | 时间轴 + 事件节点 + 标注 |
| 3 | 资金流向图 | 资金往来、转账路径 | 账户节点 + 金额标注箭头 |
| 4 | 股权结构图 | 公司股权、控制关系 | 公司/自然人节点 + 持股比例 |
| 5 | 合同关系图 | 多方合同网络 | 主体节点 + 合同类型连线 |
| 6 | 争议焦点图 | 诉辩主张对比 | 焦点中心 + 原被告观点分支 |
| 7 | 证据链图 | 证据之间的印证关系 | 证据节点 + 印证/矛盾连线 |
| 8 | 诉讼流程图 | 程序性步骤展示 | 流程节点 + 条件分支 |
| 9 | 组织架构图 | 公司内部层级/关联关系 | 层级节点 + 隶属连线 |
| 10 | 因果关系图 | 侵权/违约因果链条 | 原因→结果的有向链路 |
选型原则：
从材料中提取并组织图表所需的结构化信息：
信息提取清单：
- 主体清单：[ 名称, 类型(自然人/法人/其他), 角色(原告/被告/第三人) ]
- 关系清单：[ 主体A → 主体B, 关系类型, 关键描述 ]
- 时间要素：[ 日期, 关联事件 ]（时间线图必选）
- 金额要素：[ 数额, 方向, 用途 ]（资金流向图必选）
📎 加载
references/diagram-patterns.md作为法律图表构图模式与视觉规范参考。
将结构化信息转化为单文件 HTML：
| 角色 | 填充色 | 边框色 | 文字色 | 用途说明 |
|---|---|---|---|---|
| 原告方 | #dae8fc | #6c8ebf | #333333 | 原告、原告关联方 |
| 被告方 | #f8cecc | #b85450 | #333333 | 被告、被告关联方 |
| 法院/仲裁 | #d5e8d4 | #82b366 | #333333 | 司法机关、仲裁机构 |
| 第三方/中立 | #e1d5e7 | #9673a6 | #333333 | 第三人、鉴定机构等 |
| 事件节点 | #fff2cc | #d6b656 | #333333 | 时间线中的事件 |
| 证据节点 | #f5f5f5 | #666666 | #333333 | 证据材料 |
| 高亮/重要 | #ffe6cc | #d79b00 | #333333 | 需要重点关注的元素 |
所有 CSS、SVG、JavaScript 内联于一个 .html 文件：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>{图表标题}</title>
<style>
/* 全部样式内联 */
</style>
</head>
<body>
<div class="chart-header">
<h1>{图表标题}</h1>
<p class="subtitle">{案件简称} · {图表类型}</p>
</div>
<div class="chart-container">
<svg id="chart" viewBox="..." xmlns="http://www.w3.org/2000/svg">
<!-- 节点和连线 -->
</svg>
</div>
<div class="legend">
<!-- 图例 -->
</div>
<script>
/* 交互逻辑：悬停高亮、缩放平移 */
</script>
</body>
</html>
<!-- 矩形节点（适用于主体） -->
<g class="node" data-id="entity-1" data-role="plaintiff">
<rect x="100" y="100" width="120" height="60" rx="8"
fill="#dae8fc" stroke="#6c8ebf" stroke-width="2"/>
<text x="160" y="135" text-anchor="middle" font-size="13">节点文字</text>
</g>
<!-- 椭圆节点（适用于事件） -->
<g class="node" data-id="event-1">
<ellipse cx="300" cy="135" rx="70" ry="35"
fill="#fff2cc" stroke="#d6b656" stroke-width="2"/>
<text x="300" y="140" text-anchor="middle" font-size="12">事件描述</text>
</g>
<!-- 实线箭头（确定关系） -->
<g class="edge">
<path d="M220,130 C280,130 280,200 340,200"
fill="none" stroke="#666" stroke-width="1.5" marker-end="url(#arrow)"/>
<text x="280" y="155" text-anchor="middle" font-size="11" fill="#555">合同关系</text>
</g>
<!-- 虚线箭头（间接关系/待证事实） -->
<g class="edge dashed">
<path d="M220,130 L340,200"
fill="none" stroke="#999" stroke-width="1.5" stroke-dasharray="6,4"/>
<text x="280" y="155" text-anchor="middle" font-size="11" fill="#888">疑似关联</text>
</g>
// 必须实现的交互：
// 1. 悬停高亮：鼠标悬停节点时高亮其关联连线
// 2. 缩放平移：鼠标滚轮缩放，拖拽平移画布
// 3. 详情弹窗：点击节点展示详细信息（可选）
// 4. 响应式：窗口缩放时 SVG 自适应
用户输入需求/材料
│
▼
┌─────────────────────┐
│ 第一步：确定图表类型 │
│ 分析需求 → 选型 │
└──────────┬──────────┘
│
▼
┌─────────────────────┐
│ 第二步：确定信息结构 │
│ 提取节点 → 识别关系 │
└──────────┬──────────┘
│
▼
┌─────────────────────┐
│ 第三步：构建 HTML │
│ SVG绘制 → 交互实现 │
└──────────┬──────────┘
│
▼
┌─────────────────────┐
│ 第四步：美化输出 │
│ 配色 → 对齐 → 图例 │
└──────────┬──────────┘
│
▼
┌─────────────────────┐
│ 写入 .html 文件 │
│ 交付用户 │
└─────────────────────┘
.html，浏览器直接打开@media print 样式（隐藏交互元素、优化打印布局）{案件简称}_{图表类型}_{日期}.html
示例：张三诉李四_法律关系图_20240315.html
📎 加载
references/quality-checklist.md作为图表质量检查清单。
其他 skill 调用本技能时，应提供以下信息：
调用方式：调用「诉讼可视化」skill
输入参数：
- chart_type: 图表类型（从十大类型中选择）
- entities: 实体列表（名称、类型、角色）
- relations: 关系列表（主体A、主体B、关系类型、描述）
- title: 图表标题
- additional_info: 补充说明（可选）
输出：单文件 .html
本技能将根据输入参数自动执行四步绘图法，生成并输出图表。
🔗 台账自动回写（强制）：在产出交付物之前，调用「案件管家」§0.7 自动同步接口：搜索台账 recordId → 追加案件进展"{日期}诉讼可视化图表已生成" → 下一步动作保持原值 → 写入。搜索无结果跳过回写并标注；回写失败不阻塞输出但标注"⚠️ 台账未自动更新"。
本 skill 完成产出后，必须在输出文档之前调用「案件管家」的台账回写协议，六步流程 / 降级 / 不阻塞规则统一由套件 Hub 维护：
协议单一权威源：
skills/case-manager/references/downstream-writeback-protocol.md入口条款：/case-managerSKILL.md §0.7
本 skill 的产出：可视化图表（HTML / 图片）
差异化字段回写：下一步动作 → 归档 / 嵌入文书
民商事诉讼代理意见统一起草器，覆盖两种模式与三个审级。模式一"代理意见"=开庭前准备的正式代理意见，系统阐述己方主张与论证；模式二"补充代理意见"=庭审结束后结合庭审实际情况与新材料的补充强化文书。审级上区分一审、二审（含上诉/被上诉视角）、再审，并内置二审代理词的三点特殊写法。 当用户提及"代理词""代理意见""庭审代理词""开庭代理词""补充代理意见""庭后补充代理意见""庭后代理词""二审代理词""再审代理意见""post-trial brief""closing argument"时触发。输出符合法院提交格式的 Word 文书。
中国民商事诉讼财产线索调查报告生成。当原告方诉讼法务/律师需要在起诉前或诉讼中对被告开展财产保全前置尽调、汇总公开渠道可查的财产线索时触发。采用"四通保全详图"架构（直接锁定/调查追踪/债权拦截/关联穿透），输出以行动为导向的保全行动方案。触发词：财产线索调查、财产保全前置尽调、被告资产穿透、诉前财产摸底。
从案件材料中客观抽取事实，生成一份「案件事实梳理」主文档（Markdown）， 依次包含：法律关系分析图（链接 HTML + 文字说明）、法律事实时间轴图（链接 HTML）、 大事记（时间线表）；两张图各为单文件 HTML，由主文档链接引用。 按时间线/大事记的构建逻辑：保密门禁、来源标注、去重合并、 按案件理论标记重要性、缺口提示与版本递增。 当用户需要事实梳理、时间线、大事记、案情梳理、法律关系分析、 案件经过整理、案情概要、法律关系图、时间轴时使用此技能。
承办案件全生命周期调度中枢——识别用户意图，管理案件台账、期限、流程节点，并串联套件其它子技能。所有平台交互均通过 `COLLAB.*` / `KB.*` / `DOCX.*` 能力槽调用（钉钉/飞书/本地均可）。触发词：案件管家、收案、新案件、台账、更新台账、期限、待办、跟进、立案、开庭、履行、结案、归档。
收到裁判文书后的研析与复盘——三级覆盖：庭审复盘（庭后五维效果分析）、裁判文书研析报告（主体/诉请与判决/请求权/事实查明/说理/裁判结果六维 + 逐页比对事实认定与证据采信、提炼胜败因）、结案复盘报告（结案报告十项 + 四维反思）。两种深度：自办案件（调取台账/事实梳理/过程文书做深度复盘）与非自办/受限信息（仅基于用户提供的裁判文书与有限信息），输出面向客户/法务领导/业务部门汇报。触发词：复盘、裁判文书分析、判决分析、研析判决、结案报告、结案复盘、办案总结、庭审复盘、败诉分析。
生成民事诉讼质证意见书。当用户提及"质证""证据质证""三性意见"时触发。 逐项分析对方证据的"三性"（真实性、合法性、关联性），证明力并入关联性一并分析， 不单独列证明力。按证据三性的三态判断（认可/无法确认并标记/不予认可）、 格式预检与跨清单模式标记，输出结构化质证意见表并导出Word。