skill-junfengran-dev-env-draw-mermaid-diagrams · by Install
$ agentstack add skill-junfengran-dev-env-draw-mermaid-diagrams ✓ scanned · ✓ verified — works with Claude Code, Cursor, and more.
Security review
✓ PassedNo issues found. Passed automated security review. · v0.1.0 How review works →
- ✓ Prompt-injection patterns
- ✓ Secret / credential exfiltration
- ✓ Dangerous shell & filesystem operations
- ✓ Untrusted network calls
- ✓ Known-malicious package signatures
What it can access
- ✓ Network access No
- ✓ Filesystem access No
- ✓ Shell / process execution No
- ✓ Environment & secrets No
- ✓ Dynamic code execution No
From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.
Verified badge
Passed review? Show it. Paste this badge into your README — it links to the public security report.
Links to your public security report.[](https://agentstack.voostack.com/security/report/skill-junfengran-dev-env-draw-mermaid-diagrams) Reliability & compatibility
Declared compatibility
Compatibility is declared by the source manifest. End-to-end runtime verification is coming — see below.
We're building live execution health for every listing: tool-call success rate, median latency, uptime, and last-checked timestamps — measured, not self-reported. It isn't live yet, so we don't show numbers we can't stand behind.
How agent discovery & health will work →About
绘制 GitHub 兼容的 Mermaid 图
在 dev-env 仓库的 Markdown 中编写 Mermaid 时，遵循本 skill，并在提交前运行验证。
工作流
- 确定图类型：flowchart / sequenceDiagram / stateDiagram-v2 / erDiagram / gantt
- 按兼容性规则编写（见下文）
- 本地验证：
npm run validate:mermaid - 提交：CI 工作流
.github/workflows/validate-mermaid.yml会自动复检
GitHub 兼容性规则（必须遵守）
通用
| 规则 | 说明 | |------|------| | 节点 ID | 用 camelCase，无空格：userService，不用 user_service | | 保留字 | 不用 end、subgraph、graph、loop 作节点/参与者 ID | | 特殊字符 | @ / ( ) # 等必须包在引号内：A["@scope/pkg"] | | 多词标签 | 一律加引号：B["AI SDK streamText"] | | 不用 emoji | GitHub 渲染器可能拒绝 | | 不用 \n | 用实际换行或缩短标签，勿写 \n 转义 |
flowchart
- 边标签含特殊字符时加引号
- subgraph 标题加引号
- 避免
@pkg/name裸写在[]内
sequenceDiagram
- 参与者 ID 不能与
loop/alt等关键字冲突 - 多词显示名必须引号
验证命令
npm install
npm run validate:mermaid
npm run validate:mermaid -- --render输出格式
````markdown
flowchart LR
A[Step A] --> B[Step B]````
Source & license
This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.
- Author: JunfengRan
- Source: JunfengRan/dev-env
- License: MIT
- Homepage: https://github.com/JunfengRan/dev-env
Install and usage instructions live in the source repository linked above.
Reviews
No reviews yet — be the first.
Write a review
Versions
- v0.1.0 Imported from the upstream source.