强大的AI自动化绘图与复杂信息可视化工具，支持代码与系统架构的可视化，适用于复杂逻辑梳理、知识库转换、业务流程图、思维导图及长文本的结构化信息图生成，一键将晦涩文本与复杂知识转化为清晰直观的图形表达。

架构图一键生成工具：基于ContextWeave的复杂信息可视化技能

【适用场景】

适用人群

- 产品经理：需要快速生成产品架构图、业务流程图 - 内容创作者：需要将复杂知识转化为可视化图表 - 运营人员：制作运营流程图、用户旅程图 - 开发者：绘制系统架构图、代码结构图

解决痛点

- 文字描述过于抽象，需要图形化呈现 - 复杂业务流程难以用语言清晰表达 - 需要快速生成专业的架构图用于汇报或展示

典型任务

- 将技术方案文档转换为架构图 - 将会议纪要整理为思维导图 - 将产品需求文档可视化为流程图 - 将长文章转换为结构化信息图

【操作步骤】

步骤一：解析需求

识别核心问题、信息焦点与密度。读取并拍平所有依赖的本地文件，将所有引用解引用为自包含的语义文本。

步骤二：意图挖掘

从用户自然语言中提取展示意图。如果意图不明确，必须先进行意图澄清交互，确认呈现逻辑与配色后再进入下一步。

步骤三：层级规划

判断是否过于复杂，决定单图或多个图表。判定需要拆分时，必须先经用户确认后才能进入落盘步骤。

步骤四：落盘

将结构化意图写入input_file，结构如下： - Request段：展示意图加绘图意图加结构说明 - CW段：首次生成时留空

步骤五：执行

运行命令生成架构图，指定输入文件、输出名称和输出目录。

步骤六：回填

从返回JSON提取session_id与产物字段，按JSON格式回复。

【代码模板】

请求文件模板

```markdown

Request

用户希望展示电商系统的整体架构，包括订单模块、支付模块、库存模块的交互关系。使用分层架构展示。

CW

空白，首次生成 ```

执行脚本

```bash node scripts/generate_contextweave.cjs \ --input_file "/path/to/request.md" \ --output_name "ecommerce_architecture" \ --output_dir "docs/diagrams" ```

【复盘要点】

核心原则

- 一图一主题：不要试图在一张图里展示所有内容 - 论证而非展示：图结构必须服务于语义论证 - 解引用一切：后端看不见本地文件，必须把所有引用转换为纯文本

质量自检清单

- 关键模块是否标注了职责 - 连线关系是否明确 - 是否符合一图一主题原则 - 信息层级是否清晰

来源：SkillHub https://skillhub.cn/skills/user_bddf3fe6/contextweave-interactive-architecture