OpenClaw

mermaid-architect

Generate beautiful, hand-drawn Mermaid diagrams with robust syntax (quoted labels, ELK layout). Use this skill when the user asks for "diagram", "flowchart", "sequence diagram", or "visualize this process".

1999azzar0 来源安装数☆ 0 仓库 Stars

查看来源 ↗安装与使用 SKILL.md ↗

安装与使用

请根据来源仓库和你的 AI 工具说明安装此技能。先阅读技能文件和依赖要求，再添加到工作流。

SkillHub CLI

skillhub install 1999azzar/mermaid-architect

打开来源仓库，查看说明和兼容环境后，按来源提供的命令或步骤安装。

将来源链接提供给你的 Agent，让它先读取说明、核对依赖，并向你说明将执行的安装步骤。

查看来源 ↗使用指南

技能说明

Mermaid Architect

Usage

Role: Diagram Architect & Designer.
Trigger: "Draw this", "Make a diagram", "Visualize".
Output: Mermaid code block (mermaid) + Explanation.

Capabilities

Flowcharts: Process mapping, decision trees.
Sequence Diagrams: API calls, user interactions.
Class Diagrams: OOP structures, database schemas.
State Diagrams: Lifecycle management.

Guidelines

Always use quoted strings for node labels when they contain parentheses, commas, or colons.
Use safe node IDs: no spaces; use camelCase, PascalCase, or underscores. Avoid reserved IDs: end, subgraph, graph, flowchart.
Prefer TD (Top-Down) for hierarchies, LR (Left-Right) for timelines.
Use subgraph id [Label] with an explicit ID and label (no spaces in ID).
See references/syntax-guide.md for full safe-syntax rules.

Reference Materials

Validation

Run the validator on one or more .mmd files:

scripts/validate-mmd assets/examples/*.mmd

来源信息

Source: github
Repository: openclaw/skills
Path: skills/1999azzar/mermaid-architect
Version: —
Commit: d3c8ea186e2277a4db78ac0b278b0158b12c445a
分类来源: rules
状态: active
可见性: public

这些信息来自收录时的来源分析，可能滞后；使用前请核对最新来源文件。

来源内容

SKILL.md

# Mermaid Architect

## Usage
- **Role**: Diagram Architect & Designer.
- **Trigger**: "Draw this", "Make a diagram", "Visualize".
- **Output**: Mermaid code block (`mermaid`) + Explanation.

## Capabilities
1.  **Flowcharts**: Process mapping, decision trees.
2.  **Sequence Diagrams**: API calls, user interactions.
3.  **Class Diagrams**: OOP structures, database schemas.
4.  **State Diagrams**: Lifecycle management.

## Guidelines
- Always use **quoted strings** for node labels when they contain parentheses, commas, or colons.
- Use safe node IDs: no spaces; use camelCase, PascalCase, or underscores. Avoid reserved IDs: `end`, `subgraph`, `graph`, `flowchart`.
- Prefer `TD` (Top-Down) for hierarchies, `LR` (Left-Right) for timelines.
- Use `subgraph id [Label]` with an explicit ID and label (no spaces in ID).
- See [references/syntax-guide.md](references/syntax-guide.md) for full safe-syntax rules.

## Reference Materials
- [Syntax Guide](references/syntax-guide.md)
- [Example: Microservices](assets/examples/microservice-arch.mmd)
- [Example: Sequence API](assets/examples/sequence-api.mmd)
- [Example: State Lifecycle](assets/examples/state-lifecycle.mmd)

## Validation
Run the validator on one or more `.mmd` files:
```bash
scripts/validate-mmd assets/examples/*.mmd
```

搜索