Claude Code 接入 CrazyRouter 连载 30：用claude code 画系统功能模块图和系统架构图

本文为 CrazyRouter 站内连载稿，已统一清洗为 CrazyRouter 接入口径。

• Claude Code / Anthropic 原生客户端：ANTHROPIC_BASE_URL=https://cn.crazyrouter.com，不要追加 /v1
• OpenAI 兼容 SDK、HTTP 请求、前后端应用：base_url=https://cn.crazyrouter.com/v1
• API Key 使用 CrazyRouter 控制台创建的 sk-... Token
• 完整配置说明见 https://docs.crazyrouter.com/integrations/claude-code，一键配置脚本见 https://github.com/xujfcn/crazyrouter-claude-code

Claude Code 接入 CrazyRouter 连载 30：用claude code 画系统功能模块图和系统架构图#

画系统功能模块图#

1、使用/plan 模式#

给claude code 一张参考图，让它提取模块图的风格、布局、配色和样式，这里我给的参照图是之前在Trae 里生成的功能模块图。

claude code 截图粘贴快捷键是 Alt + v , 本文用的是Win11 的系统。

2、参照图风格、配色、布局提取完毕#

3、这里用《功能模块文档.md》#

4、分析文档内容，并创建计划，然后开始执行计划#

5、生成的系统功能模块图对比#

原来用Trae画的功能图：

用claude code的复刻的功能图：

claude code + GLM-5 是可靠的，和原图基本是一致的，而且一次对话即可完成，无需修正。

这里你也可以上传你自己的旧的参照图，根据你自己的风格、配色、布局进行模块图的生成。

配置文本：

{
  "args": [
    "-y",
    "@z_ai/mcp-server"
  ],
  "command": "npx",
  "env": {
    "Z_AI_MODE": "VISION"
  },
  "type": "stdio"
}

三、系统架构设计图的生成#

1、这里我没再上传系统架构图的参照图让它学习，直接生成。

还帮我分析了功能图和系统架构图的区别：

2、生成的系统架构图效果：

一次生成，看起来效果还行。

四、经验总结

1、自从使用了claude code后，我已经不再使用Tare工具了，自从上次系统架构图生成实验后，大模型又发展了8个月了，很多东西已经发生了翻天覆地的变化了，现在让ai生成一个好看的系统架构图已经不是什么难事了；

2、claude code 除了cli 命令行方式让普通人觉得不友好外，其他的都是优点；

3、如果想要画特定风格、配色、布局的功能图或系统架构设计图，你可以先上传一张参照图，先让大模型学习一下，再开始画图。

4、claude code 虽然是cli 的方式，但画图仍然也是扛扛的。

下一步#

如果你准备把 Claude Code、国产模型或自己的应用统一接入 CrazyRouter，建议按这个顺序操作：

1. 在 CrazyRouter 控制台创建一个单独的 API Token。
2. Claude Code 使用根域名：https://cn.crazyrouter.com。
3. OpenAI 兼容 SDK 或应用接口使用：https://cn.crazyrouter.com/v1。
4. 需要一键配置 Claude Code 时，使用 GitHub 仓库：https://github.com/xujfcn/crazyrouter-claude-code。
5. 遇到 /v1/v1/messages、/v1/v1/models 这类错误时，回到 API Endpoint 说明 检查 Base URL 是否多写了路径。