القائمة
将案件事实、法律关系、诉讼策略转化为交互式 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。