Update from Sync Service

This commit is contained in:
FNS Service
2026-04-21 11:17:53 +08:00
parent fac26286a4
commit 64ee4c71aa
2 changed files with 170 additions and 400 deletions

View File

@@ -19,38 +19,35 @@ language: Python
## 概述
将自然语言描述转化为精美的 SVG 技术图,并通过 `rsvg-convert` 导出高分辨率 PNG。内置 **7 种视觉风格**,深度覆盖 AI/Agent 领域常见图类型RAG、Agentic Search、Mem0、Multi-Agent、Tool Call 流程等),并完整支持全部 14 种 UML 图类型。
```用户: "画一张 Mem0 的架构图,暗黑风格"
→ Skill 识别Memory Architecture DiagramStyle 2
→ 生成含泳道、圆柱体、语义箭头的 SVG
→ 导出 1920px PNG
→ 输出路径mem0-architecture.svg / mem0-architecture.png
```
将自然语言描述转化为精美的 SVG 技术图,并通过 `rsvg-convert` 导出高分辨率 PNG。内置 **7 种视觉风格**,深度覆盖 AI/Agent 领域常见图类型,并完整支持全部 14 种 UML 图类型。
## 7 种视觉风格
| # | 名称 | 背景色 | 字体 | 适用场景 |
|---|------|--------|------|----------|
| 1 | **扁平图标风** *(默认)* | `#ffffff` | Helvetica | 博客、幻灯片、技术文档 |
| 2 | **暗黑极客风** | `#0f0f1a` | SF Mono / Fira Code | GitHub README、开发者文章 |
| 3 | **工程蓝图风** | `#0a1628` | Courier New | 架构设计文档、工程规范 |
| 4 | **Notion 极简风** | `#ffffff` | system-ui | Notion、Confluence、内部 Wiki |
| 5 | **玻璃态卡片风** | `#0d1117` 渐变 | Inter | 产品官网、演讲 Keynote |
| 6 | **Claude 官方风格** | `#f8f6f3` | system-ui | Anthropic 风格图表,温暖专业 |
| 7 | **OpenAI 官方风格** | `#ffffff` | system-ui | OpenAI 风格图表,简洁现代设计 |
| 1 | 扁平图标风(默认) | `#ffffff` | Helvetica | 博客、幻灯片、技术文档 |
| 2 | 暗黑极客风 | `#0f0f1a` | SF Mono / Fira Code | GitHub README、开发者文章 |
| 3 | 工程蓝图风 | `#0a1628` | Courier New | 架构设计文档、工程规范 |
| 4 | Notion 极简风 | `#ffffff` | system-ui | Notion、Confluence、内部 Wiki |
| 5 | 玻璃态卡片风 | `#0d1117` 渐变 | Inter | 产品官网、演讲 Keynote |
| 6 | Claude 官方风格 | `#f8f6f3` | system-ui | Anthropic 风格图表 |
| 7 | OpenAI 官方风格 | `#ffffff` | system-ui | OpenAI 风格图表 |
## 支持的图类型
### AI/Agent 领域(内置 Pattern
- **RAG Pipeline** — Query → Embed → VectorSearch → Retrieve → LLM → Response
- **Agentic RAG** — RAG + Agent 循环 + 工具调用
- **Agentic Search** — Query → Planner → [Search/Calc/Code] → Synthesizer
- **Mem0 记忆层** — Input → Memory Manager[VectorDB + GraphDB] → Context
- **Multi-Agent** — Orchestrator → [SubAgent×N] → Aggregator → Output
- **Tool Call 流程** — LLM → Tool Selector → Execution → Parser → LLM (循环)
| 类型 | 流程 |
|------|------|
| RAG Pipeline | Query → Embed → VectorSearch → Retrieve → LLM → Response |
| Agentic RAG | RAG + Agent 循环 + 工具调用 |
| Agentic Search | Query → Planner → [Search/Calc/Code] → Synthesizer |
| Mem0 记忆层 | Input → Memory Manager → [VectorDB + GraphDB] → Context |
| Multi-Agent | Orchestrator → [SubAgent×N] → Aggregator → Output |
| Tool Call 流程 | LLM → Tool Selector → Execution → Parser → LLM循环 |
### UML 支持14 种)
类图、组件图、部署图、包图、复合结构图、对象图、用例图、活动图、状态机图、序列图、通信图、时序图、交互概览图、ER 图
## 形状词汇表
@@ -105,19 +102,13 @@ sudo apt install librsvg2-bin # Ubuntu/Debian
⭐⭐⭐⭐⭐5/5
**优点**
- 7种风格覆盖所有场景
- 内置AI/Agent领域知识开箱即用
- 语义形状+箭头系统,图示专业
- 7 种风格覆盖所有场景
- 内置 AI/Agent 领域知识,开箱即用
- 语义形状 + 箭头系统,图示专业
- 中文支持友好
**局限**
- 需要 Claude Code 或兼容 Skill 运行时
- 依赖 rsvg-convert 工具
**适合场景**技术博客配图、架构文档、PPT素材、GitHub README
## 相关工具
- [[OpenPencil]] — 设计编辑器开源Figma替代
- [[code-reviewer]] — 代码审查技能
**适合场景**技术博客配图、架构文档、PPT 素材、GitHub README