首先上图最终效果： 
 [weather-app] 
如果你对这种架构图感兴趣，请接着往下看： 
实现思路： 
通过CC对项目进行深度梳理并生成完整的 Mermaid 代码，然后通过Mermaid-cli包将代码转化成png图片放到项目顶层文件夹下。 
具体步骤： 
1.为cc创建自定义指令： 
以mac为例：首先进入用户文件夹下，里面包含（下载，音乐，影片等文件夹），按下command + shift + . 这样就可以显示隐藏文件夹.里面应该有一个.claude文件夹，进入，再进入commonds文件夹，新建.md格式的文件，名字就叫“生成项目架构图”,内容复制下面的prompt: 
**角色设定:**
 你是一名资深的软件架构师和 Mermaid 图表专家。你的任务是深入分析我提供的项目代码和文件结构，并生成一份专业、清晰且美观的 Mermaid 架构图代码。同时你需要创建一个项目同...