技能 mermaid-diagramming

📦

mermaid-diagramming

Name: mermaid-diagramming
Author: BitYoungjae

內容修訂 r2 安全 ⚙️ 外部命令⚡ 包含腳本🔑 環境變數🌐 網路存取

在 Obsidian 中建立 Mermaid 圖表

複雜筆記通常需要清晰的視覺結構來呈現系統、工作流程和時間軸。此 skill 可協助 Claude、Codex 和 Claude Code 產生能在 Obsidian 中呈現的 Mermaid 圖表。

支援: Claude Codex Code(CC)

📊 76 尚可

Maintain this Skill? Claim it 📊 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」。包含研究、設計、實作、測試和發布里程碑的季度上市計畫。

預期結果:

一個甘特圖計畫，包含分階段區段、里程碑標記，以及適合 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 和資料庫關係。

規劃產品工作

為規劃文件和利害關係人審查建立時間軸、象限、旅程和圖表。

試試這些提示

建立基本流程圖

為此流程建立 Obsidian Mermaid 流程圖：[describe steps]。使用清楚的節點標籤和由上而下的版面配置。

將筆記轉換為序列圖

將這些互動筆記轉換為 Obsidian 適用的 Mermaid 序列圖：[paste notes]。包含參與者、訊息和回應路徑。

設計多視圖架構組合

為此系統建立一組 Mermaid 圖表：[describe system]。包含架構、資料流程和部署時間軸視圖。

重構並除錯複雜圖表

檢閱此 Mermaid 圖表的 Obsidian 相容性：[paste diagram]。修正語法問題、改善結構，並說明每項變更。

最佳實務

選擇能回答讀者問題的最簡單圖表類型。
使用簡短標籤，並在大型圖表變得難以瀏覽前先行拆分。
在 Obsidian 中測試圖表，因為 Mermaid 支援可能因版本而異。

避免

不要在單一圖表中混合不相關的工作流程、資料模型和時間軸。
不要依賴 JavaScript callbacks，因為 Obsidian 基於安全性會停用它們。
不要使用過於密集的標籤，導致圖表匯出後難以閱讀。

常見問題

此 skill 會呈現圖片嗎？

不會。它協助建立 Obsidian 可以呈現的 Mermaid 文字。

它可以在 Obsidian 之外建立圖表嗎？

可以。Mermaid 語法具備可攜性，但指引是針對 Obsidian 呈現進行調整。

涵蓋哪些圖表類型？

它涵蓋流程圖、序列圖、類別圖、甘特圖、狀態圖、ER、旅程圖、時間軸、象限圖、Sankey、XY、block 和架構圖。

它可以修正 Mermaid 錯誤嗎？

可以。當你提供圖表和錯誤時，它可以檢閱語法並建議與 Obsidian 相容的變更。

它會存取我的檔案或網路嗎？

不會。此 skill 是 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/26

使用量

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