技能 mermaid-diagramming

📦

mermaid-diagramming

Name: mermaid-diagramming
Author: BitYoungjae

内容修订 r2 安全 ⚙️ 外部命令⚡ 包含脚本🔑 环境变量🌐 网络访问

在 Obsidian 中创建 Mermaid 图表

复杂笔记通常需要为系统、工作流和时间线提供清晰的可视化结构。此技能可帮助 Claude、Codex 和 Claude Code 生成能在 Obsidian 中渲染的 Mermaid 图表。

支持: Claude Codex Code(CC)

📊 76 合格

安装前请停下并请求确认。

请审查安装计划，并在更改文件前获得用户明确同意。

使用我的智能体安装

将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。

智能体请求

Review the Skillstore skill "mermaid-diagramming" from https://skillstore.io/skills/bityoungjae-mermaid-diagramming.md and its manifest at https://skillstore.io/api/skills/bityoungjae-mermaid-diagramming/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

你的智能体仍应展示其计划，并按安全策略请求必要确认。

Agent 可读资源

当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。

Markdown 详情 GET /skills/bityoungjae-mermaid-diagramming.md 已签名 manifest GET /api/skills/bityoungjae-mermaid-diagramming/manifest 已签名 lockfile GET /api/skills/bityoungjae-mermaid-diagramming/lockfile

测试它

正在使用“mermaid-diagramming”。包含购物车检查、支付、欺诈检查、订单确认和失败处理的结账流程。

预期结果:

一个决策流程图，包含支付和欺诈分支、成功和失败路径，以及每个步骤的简洁标签。

正在使用“mermaid-diagramming”。来自移动应用的 API 请求经过网关、服务、缓存和数据库。

预期结果:

一个序列图，展示每个参与者、请求方向、缓存查找、数据库回退和最终响应。

正在使用“mermaid-diagramming”。包含研究、设计、实现、测试和发布里程碑的季度发布计划。

预期结果:

一个 Gantt 图计划，包含分阶段区段、里程碑标记，以及适合 Obsidian 笔记的依赖关系。

安全审计

安全

v9 • 2026/7/23 打开版本化报告

All 400 cataloged static findings are false positives caused by Mermaid syntax, Markdown fences, labels, and documentation prose. The skill contains no executable scripts, network requests, environment access, filesystem reads, system reconnaissance, or prompt injection evidence. Static review was capped at 400/636 representative findings; omitted static matches are unconfirmed, so automatic publishing stays disabled until manual review.

已扫描文件

8,232

分析行数

复核项

已忽略误报

风险因素

⚙️ 外部命令 (50)

⚡ 包含脚本 (1)

reference.md:254

🔑 环境变量 (2)

sankey.md:420 timeline.md:458

🌐 网络访问 (1)

SKILL.md:110

最新一次完成的静态与语义审计未检测到已确认的安全发现。这并不能证明该 Skill 没有副作用。

审计者: codex 查看审计历史 →

分享与引用此报告

分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。

打开版本化报告

复制报告链接

https://skillstore.io/skills/bityoungjae-mermaid-diagramming/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/bityoungjae-mermaid-diagramming/security.svg)](https://skillstore.io/skills/bityoungjae-mermaid-diagramming?utm_source=security_passport_badge)

HTML 徽章

<a href="https://skillstore.io/skills/bityoungjae-mermaid-diagramming?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/bityoungjae-mermaid-diagramming/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/bityoungjae-mermaid-diagramming.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

学术引用 (APA · BibTeX · CFF)

APA 引用

BitYoungjae. (2026). mermaid-diagramming security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/bityoungjae-mermaid-diagramming/audits/9

BibTeX 引用

@techreport{bityoungjae-bityoungjae-mermaid-diagramming-2026,
  author = {BitYoungjae},
  title = {mermaid-diagramming security audit report (audit version 9)},
  institution = {Skillstore},
  year = {2026},
  number = {9},
  url = {https://skillstore.io/skills/bityoungjae-mermaid-diagramming/audits/9},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "mermaid-diagramming security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
  - name: "BitYoungjae"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/bityoungjae-mermaid-diagramming/audits/9"
identifiers:
  - type: other
    value: "skillstore:bityoungjae-mermaid-diagramming:audit:9"
    description: "Skillstore immutable audit report identifier"

Skillstore 评分

评分依据证据置信度: 高

架构

可维护性

内容

社区

规范符合性

你能构建什么

记录系统设计

将架构笔记和工作流转换为读者可在 Obsidian 中快速浏览的图表。

建模软件关系

在编写实现计划之前，映射服务、状态机、API 和数据库关系。

规划产品工作

为规划文档和利益相关者评审创建时间线、象限、旅程图和图表。

试试这些提示

创建基础流程图

Create an Obsidian Mermaid flowchart for this process: [describe steps]. Use clear node labels and a top-down layout.

将笔记转换为序列图

Convert these interaction notes into a Mermaid sequence diagram for Obsidian: [paste notes]. Include participants, messages, and response paths.

设计多视图架构图集

Create a set of Mermaid diagrams for this system: [describe system]. Include architecture, data flow, and deployment timeline views.

重构并调试复杂图表

Review this Mermaid diagram for Obsidian compatibility: [paste diagram]. Fix syntax issues, improve structure, and explain each change.

最佳实践

选择能够回答读者问题的最简单图表类型。
使用简短标签，并在大型图表变得难以浏览之前将其拆分。
在 Obsidian 中测试图表，因为 Mermaid 支持可能因版本而异。

避免

不要在一个图表中混合无关的工作流、数据模型和时间线。
不要依赖 JavaScript 回调，因为 Obsidian 出于安全原因会禁用它们。
不要使用过于密集的标签，以免图表在导出后无法阅读。

常见问题

此技能会渲染图像吗？

不会。它帮助创建可由 Obsidian 渲染的 Mermaid 文本。

它能在 Obsidian 之外创建图表吗？

可以。Mermaid 语法是可移植的，但指导内容针对 Obsidian 渲染进行了调整。

涵盖哪些图表类型？

它涵盖 flowchart、sequence、class、Gantt、state、ER、journey、timeline、quadrant、Sankey、XY、block 和 architecture diagrams。

它能修复 Mermaid 错误吗？

当你提供图表和错误信息时，它可以检查语法并建议与 Obsidian 兼容的修改。

它会访问我的文件或网络吗？

不会。此技能是 Markdown 指导和示例，不包含会访问文件或网络的可执行代码。

它适用于 Claude Code 或 Codex 吗？

有用。它可以在 Claude、Codex 和 Claude Code 编写文档图表时提供指导。

开发者详情

作者

BitYoungjae

许可证

MIT

Skillstore 修订

版本提示

作者未声明版本。

仓库

https://github.com/BitYoungjae/marketplace/tree/main/plugins/obsidian-blocks/skills/mermaid-diagramming

引用

8c3e20bba512c392d9b02ee748b18e0b09d4982c

维护新鲜度

2026/7/25

使用量

14 次下载 · 996 次浏览

文件结构

📄 architecture.md

📄 block.md

📄 class-diagram.md

📄 er-diagram.md

📄 flowchart.md

📄 gantt.md

📄 gitgraph.md

📄 journey.md

📄 mindmap.md

📄 pie.md

📄 quadrant-chart.md

📄 reference.md

📄 sankey.md

📄 sequence.md

📄 SKILL.md

📄 state.md

📄 timeline.md

📄 xychart.md

BitYoungjae 的更多技能

查看全部

📦

tikzjax-diagramming

在 Obsidian 中创建精确的 TikZJax 图表

复杂图表很难用简单的笔记工具描述。此技能可帮助 Claude、Codex 和 Claude Code 为 Obsidian 创建 TikZJax 图表。

设计与创意查看

📦

desmos-graphing

在 Obsidian 中构建 Desmos 图形

编写 Obsidian Desmos 代码块容易出错，因为设置、方程、点和限制条件使用不同的语法。此技能可指导 Claude、Codex 或 Claude Code 生成有效的图形代码块，包括样式、标签、边界和故障排查。

数据与分析查看

📦

mathjax-rendering

渲染 Obsidian MathJax 公式

在 Obsidian 中编写数学记号可能既慢又容易出错。此技能为方程、符号、矩阵和对齐公式提供现成的 MathJax 模式。

文档查看

📦

project-scaffolder

搭建学习资源项目脚手架

从空白文件夹开始编写结构化学习文档效率很低。此技能会创建相互协调的规划、任务、角色、上下文和 Claude 指令模板。

文档查看

📦

domain-profiles

创建具备领域感知能力的学习资源

学习资源团队需要针对每个学科采用不同的搜索和写作规则。此技能提供领域画像，用于指导 Claude、Codex 和 Claude Code 完成来源选择、术语使用和审查。

文档查看

📦

omarchy-theming

创建 Omarchy 桌面主题

Omarchy 主题需要在终端、Hyprland、Waybar 和应用程序之间协调颜色。此技能可指导你基于一个调色板创建完整的主题文件。

设计与创意查看

查看全部

📦

arch-view

可视化服务架构

由 AstraBit-CPT

当元数据分散在多个仓库中时，分布式服务很难理解。此技能会聚合目录元数据，并为架构评审创建图表、表格和摘要。

文档查看

📦

human-docs

创建面向人类阅读的 AI 文档

由 Brownbull

详细的 AI 上下文文件通常太长，不便于人类快速审阅。此技能会将它们转换为摘要、快速入门和 Mermaid 可视化指南。

文档查看

📦

project-planner

使用结构化文档规划软件项目

由 Dwsy

当需求、设计选择和任务不清晰时，软件项目往往会失败。此技能可将项目想法转化为适用于 Claude、Codex 和 Claude Code 工作流的结构化规划文档。

文档查看

📦

exploratory-data-analysis

分析科学数据文件

由 davila7

科学数据文件很难检查，因为每种格式存储结构和元数据的方式都不同。此技能可检测格式、分析数据质量，并创建实用的 Markdown EDA 报告。

数据与分析查看

📦

planning-with-files

使用规划文件组织长时间 AI 任务

由 ZhanlinCui

长时间 AI 会话可能会丢失目标、决策和进度。此技能指导 Claude、Codex 和 Claude Code 将计划、发现和日志存储在项目文件中。

效率查看

📦

github-release-assistant

生成双语 GitHub 发布 README

由 ZhanlinCui

当团队需要英文和中文 README 时，发布文档编写会很慢。此技能可根据仓库元数据和引导式配置生成结构化双语 README。

文档查看

mermaid-diagramming

使用我的智能体安装

Agent 可读资源

测试它

安全审计

风险因素

复制报告链接

Markdown 徽章

HTML 徽章

嵌入卡片

APA 引用

BibTeX 引用

CITATION.cff

Skillstore 评分

你能构建什么

记录系统设计

建模软件关系

规划产品工作

试试这些提示

最佳实践

避免

常见问题

开发者详情

BitYoungjae 的更多技能

tikzjax-diagramming

desmos-graphing

mathjax-rendering

project-scaffolder

domain-profiles

omarchy-theming

相关技能

arch-view

human-docs

project-planner

exploratory-data-analysis

planning-with-files

github-release-assistant