解析任意 Skill 的功能结构,生成可视化的双层架构图表。
层次关注点产出物规划层技能定位、边界、输入要求决策 flowchart、mindmap绘制层功能分解、用户交互、API调用架构图、时序图、提问样例
首先读取待分析技能的 SKILL.md 文件,了解其:
description - 技能描述和触发场景根据 SKILL.md 内容,生成两层架构图表:
第一层(规划层):
Rendering diagram...
第二层(绘制层):
生成包含所有图表的 HTML 文件供用户查看。
HTML 输出规范(确保文字清晰可见):
#eee 或白色#fff + 深色文字 #1a1a2e 提供高对比度rgba(0,217,255,0.15))+ 深色文字#00d9ff, #00ff88)确保与背景区分下面以 Weather Skill 为例,展示两层架构的完整输出。
Rendering diagram...
Rendering diagram...
Rendering diagram...
Rendering diagram...
Rendering diagram...
当用户要求分析新 Skill 时,按以下格式组织输出:
text
# {Skill名称} 分析
## 第一层:规划层 - 技能定位与适用范围
[flowchart + mindmap]
## 第二层:绘制层 - 核心功能架构与提问样例
[用户提问样例 flowchart]
[核心功能架构图]
[时序图]
mermaid-diagrams Skillskill-creator Skill