2步，TRAE SOLO 帮你画出架构图

文章编写于5.28

去年写过用 Cursor + Claude3.7 生成系统架构图的一篇贴图，效果还不错，大家好像都挺需要的。

今天，给大家带来一个升级版本：TRAE SOLO 两步生成架构图，更便捷、也更好看。

第一步，找来一个你喜欢风格的架构图图片，让 SOLO 帮你提炼风格，我用的是我之前手动绘制的一张架构图。

指令

请仔细分析附件架构图的视觉效果，不要在意具体文字和布局，提炼出一套相似的设计风格，方便我后续直接生成其他系统的架构图。

整体尽量紧凑，不要过多留白，图标采用商务风格图标。

结果

原图放在这里，喜欢这个风格的，可以拿去直接使用。

你可以审阅下生成的设计规范，看有没有明显不符合你预期的内容。如果有，对话调整下，比如我删除了连接线部分，html 绘制连接线还是不太擅长，如果没有，则可以直接进行第二步。

第二步，直接输入想要生成架构图的功能模块，并要求按照上述风格进行生成。

指令

岗位来源 / 候选人来源
├─ 招聘网站 / 企业官网
├─ 合作企业对接群
├─ 微信群 / 企业微信
├─ 智联等招聘平台
└─ 抖音 / 快手 / 小红书 / 公众号
           
统一接入层
├─ 岗位导入与采集
├─ 企业微信机器人消息提取
├─ 表格导入导出
└─ 渠道线索汇聚
           
招聘业务平台
├─ 岗位中心
├─ 线索中心
├─ 人才库中心
├─ 人岗匹配中心
├─ 回访与跟进中心
└─ 运营分析中心
           
AI智能体能力层
├─ 岗位信息结构化
├─ 岗位文案生成
├─ 候选人标签提取
├─ 人岗推荐排序
└─ 运营助手与数据摘要
           
管理层驾驶舱
├─ 岗位总览
├─ 渠道转化
├─ 人才储备
├─ 匹配效率
└─ 回访与到岗分析

基于架构图设计规范生成一个新的架构图，采用html+css实现，尽情发挥

结果

这里需要注意点，尽量把功能模块的内容结构化表达，比如我上面的写法，至于，怎么结构化表达，交给AI就行。

是不是挺简单的，当然，大家估计更喜欢直接拿来用的，等我过两天封装个 skill 出来。