Interactive Infographic
/install interactive-infographic
\r \r
ContextWeave Skill\r
\r 本 Skill 的定位是“绘图请求客户端”,负责把用户需求转换为可执行的绘图意图,并通过基于文件生成的单一路径与后端协同完成产出。\r \r
哲学层\r
\r
论证而非展示\r
\r
- 图结构必须服务于语义论证,而非仅做视觉摆放\r
- 概念层级、因果关系、依赖链路需成为结构主线\r
- 当存在多种图形组织方式时,优先选择能解释“为什么这样组织”的方案\r \r
关系显式化\r
\r
- 关系通过显式连线、依赖方向、分层归属表达\r
- 禁止用“元素靠得近”替代关系定义\r
- 关键关系必须可被复述为明确语句(例如“A 依赖 B”“C 触发 D”)\r \r
同构校验\r
\r
- 结构方案应通过“去文字后仍可识别核心逻辑”的检验\r
- 若移除文本标签后关系含义丢失,说明结构设计不合格\r
- 每次复杂改动后都需重新校验结构与语义是否同构\r \r
术语语义补全规则\r
\r
未知专有名词强制释义\r
\r
- 对后端返回或用户输入中的未知专有名词,必须先完成语义释义再进入绘图请求编排\r
- 未释义术语不得直接作为节点标签、分组标题或关系端点输出\r
- 释义结论需可复述为完整语句,避免仅保留缩写或单词本体\r \r
最小补全信息集\r
\r
- 角色:术语在当前系统中的对象类型与责任边界\r
- 层级:术语所属模块、抽象层或业务层位置\r
- 动作:术语触发、承载或约束的关键行为\r
- 上下游关系:术语与前置依赖、后续影响对象的连接关系\r \r
反模式约束\r
\r
- 禁止“仅列词成框”:只把术语放入方框但不定义语义与关系\r
- 若输入仅包含术语清单,先补全最小信息集,再生成结构化图意图\r
- 替代写法必须体现“术语定义 + 关系链路 + 作用路径”,而非词汇堆叠\r \r
案例执行准则\r
\r
Good Case 准则\r
\r
- 归纳为“链路完备输入”:输入已包含术语语义、关系方向、层级归属与关键动作\r
- 编排时直接进入结构决策与请求组织,重点优化论证路径与可读性\r \r
Bad Case 准则\r
\r
- 归纳为“术语不足输入先释义再出图”:输入语义不足时,先补全术语定义与上下游关系\r
- 补全完成前不得进入最终生成阶段\r \r
输出前自检\r
\r
- 检查是否存在未释义专有名词\r
- 检查每个关键术语是否具备角色、层级、动作、上下游关系\r
- 检查图中是否出现“仅列词成框”且缺少关系链路\r
- 检查 good/bad case 准则是否被正确执行\r \r
会话规则\r
\r
- 客户端本身无状态,状态由后端托管\r
- 首次生成后必须从返回 JSON 中提取
session_id\r - 当前默认流程只要求完成基于文件的生成调用\r
- 不要求用户重复输入旧会话,优先复用上一步返回值\r
- 若会话缺失或过期,按错误策略重试当前生成调用\r \r
客户端职责边界\r
\r
客户端负责\r
\r
- 分析用户输入,抽取实体、关系、层级与叙事路径\r
- 将图表达意图组织为结构化文件,并触发基于
input_file的后端调用\r - 从后端返回中提取关键字段并组织规整结果输出\r \r
后端负责\r
\r
- 绘图引擎执行与渲染产出\r
- 图元布局、坐标计算、路由与格式化导出实现\r
- 运行时执行控制与图形生成细节\r \r
非职责范围\r
\r
- 本地编译流程与执行管线设计\r
- 本地渲染实现或图形引擎运行细节\r
- 在 Skill 层定义坐标级布局算法与底层绘图执行逻辑\r \r
执行优先级规则\r
\r
- 默认只走“请求编排为文件后,基于文件生成”这一种执行形式\r
- 禁止只给语义分析或方案文本而不发起脚本调用\r
- 若脚本失败,先按错误策略重试;仅在重试后仍失败时,输出失败原因与下一步操作建议\r
- 路径应使用可移植定位:优先基于 Skill 根目录执行
scripts/...,避免依赖宿主固定绝对路径\r - 推荐完成“落盘 + 执行 + 回填”闭环:先写
input_file,再执行脚本,最后回填结果\r - 若当前环境无法执行脚本,需明确返回受限原因,并提供可执行替代步骤\r \r
决策流表达\r
\r
- 解析需求:识别用户想表达的核心问题、受众和信息密度\r
- 结构决策:基于哲学层原则选择图组织方式并显式定义关系\r
- 请求编排:将结构化意图组织为文件并写入
input_file\r - 基于文件生成:
node scripts/generate_contextweave.cjs --input_file "\x3C绝对文件路径>"\r - 结果校验:检查结构是否仍满足“论证性、关系显式、同构可读”\r \r
意图到命令模板\r
\r
- 请求编排:将结构化意图组织为文件后,向后端发起调用 - 基于文件生成:
node scripts/generate_contextweave.cjs --input_file "\x3C绝对文件路径>"\r \r
参数约束与回填规则\r
\r
input_file:必填,且必须为绝对路径\rinput_file:执行前必须存在且可读;不存在时禁止调用脚本\r- 文件内容:必须是结构化意图结果,禁止仅放零散关键词\r
- 返回回填:每轮输出必须包含本轮脚本名、执行状态、核心返回字段\r
- 若未完成落盘或未实际执行脚本:返回
status: error且标记code: EXECUTION_NOT_PERFORMED\r - 若
input_file不存在:返回status: error且标记code: INPUT_FILE_NOT_FOUND\r - 若
input_file非绝对路径:返回status: error且标记code: INPUT_FILE_NOT_ABSOLUTE\r \r
回复格式硬约束\r
\r
- 回复必须是单个 JSON 对象,禁止 markdown、标题、解释性段落、代码块\r
- 未执行脚本时禁止返回“方案说明”,必须返回错误 JSON\r
- JSON 字段顺序固定为:
script、input_file、status、session_id、result、error\r status仅允许ok或error\rstatus=ok时必须包含session_id与result;error置为null\rstatus=error时必须包含error.code与error.message;session_id置为null\r \r
成功 JSON 模板\r
\r
{"script":"generate_contextweave.cjs","input_file":"/abs/path/request_xxx.md","status":"ok","session_id":"\x3Csession_id>","result":{"run_id":"\x3Crun_id>","svg_url":"\x3Csvg_url>"},"error":null}\r
\r
失败 JSON 模板\r
\r
{"script":"generate_contextweave.cjs","input_file":"/abs/path/request_xxx.md","status":"error","session_id":null,"result":null,"error":{"code":"EXECUTION_NOT_PERFORMED","message":"未完成落盘或未执行脚本"}}\r
\r
文件落盘与执行规范\r
\r
- 默认落盘目录:
当前工作区目录下的 .cw_skill/requests\r - 文件名规范:
request_\x3Ctimestamp>.md\r - 文件最小结构:
# Request段写自然语言目标;\r - 完整执行顺序:生成结构化内容 → 写文件 → 校验路径绝对性与文件存在 → 执行脚本 → 解析 JSON → 输出回填\r
- 成功输出至少包含:
script、input_file、status、session_id、关键产物字段,且input_file必须是实际存在路径\r - 失败输出至少包含:
script、input_file、status:error、error.code、error.message\r \r
脚本能力映射\r
\r
scripts/generate_contextweave.cjs:用于基于input_file执行生成;输出包含可复用的session_id\rscripts/cw_client.cjs:用于统一后端请求与响应适配;承载鉴权、错误归一和返回结构解析\r \r
错误策略\r
\r
MISSING_SESSION_ID:视为不可继续迭代,立即重试当前请求并校验返回\rSESSION_INVALID_OR_EXPIRED:先重建会话,再回放当前意图\rAUTH_ERROR:校验密钥与配置后重试\rPAYMENT_REQUIRED:完成额度恢复后重试\rAPI_ERROR:检查网络与服务状态后重试\r \r
输入约束\r
\r
input_file:来自当前回合请求编排产物,必须为绝对路径\r- 文件内容:需要体现结构化意图与关系,不使用空文件或纯术语清单\r
- 其他请求参数:按脚本参数要求透传,不在 Skill 层定义渲染实现细节\r \r
安全边界与隐私声明\r
\r
- 后端地址与数据路由:本 Skill 在运行时会读取
CONTEXTWEAVE_EDITOR_PROTOCOL,若未显式设置,将使用内置默认值trae。代码会将带有 API Key 和绘图数据的请求发送至内置的官方服务器(https://pptx.chenxitech.site)。用户明确知悉其数据会被路由至该默认配置的地址。\r - 凭据获取:凭据优先读取环境变量
CONTEXTWEAVE_MCP_API_KEY,若未显式设置,将使用内置的默认匿名凭据。不得通过扫描本地目录自动发现密钥。\r - 文件访问:只读取当前任务明确指定的输入文件;禁止遍历用户目录、工作区或无关配置文件;所有文件路径必须是绝对路径且被严格限制在当前执行工作区目录范围内。\r
- 数据最小化:仅向后端发送完成当前绘图请求所必需的数据,禁止附带无关本地文件内容。\r
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install interactive-infographic - After installation, invoke the skill by name or use
/interactive-infographic - Provide required inputs per the skill's parameter spec and get structured output
What is Interactive Infographic?
强大的AI自动化绘图与复杂信息可视化工具(基于 ContextWeave)。不仅支持代码与系统架构的可视化,更广泛适用于复杂逻辑梳理、知识库转换、业务流程图、思维导图及长文本的结构化信息图生成。通过深度的语义分析与请求编排,一键将晦涩文本与复杂知识转化为清晰直观的图形表达。 It is an AI Agent Skill for Claude Code / OpenClaw, with 258 downloads so far.
How do I install Interactive Infographic?
Run "/install interactive-infographic" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Interactive Infographic free?
Yes, Interactive Infographic is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does Interactive Infographic support?
Interactive Infographic is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Interactive Infographic?
It is built and maintained by ContextWeave (@qhyw99); the current version is v0.1.8.