Update from Sync Service
This commit is contained in:
@@ -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 Diagram,Style 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
|
||||
|
||||
Reference in New Issue
Block a user