一键导入
mermaid-flowchart-style
Use when styling Mermaid flowchart diagrams for GitHub, Obsidian, or MkDocs
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
Use when styling Mermaid flowchart diagrams for GitHub, Obsidian, or MkDocs
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Use when a morari timer 计时器类应用的 session 因忘记停止(手機鎖屏、忘記點停止)而记录了错误的结束时间,需要在数据库层手动修正 session 时长、debt(连续用眼债务)与 daily 统计、phase 状态时。适用于带「连续使用上限 + 债务」机制的计时系统(如 agent_manager 项目)。
Use when setting up logging for a new Python/FastAPI project, adding structured logging to an existing project, creating a logging module, or configuring JSON log output. Triggers include new projects needing observability, questions about log format standards, request tracing with request_id, or adding log context propagation.
Use when creating or modifying FastAPI endpoints, adding error handling, defining response schemas, or reviewing API response consistency. Triggers include new routers, HTTPException usage, JSONResponse construction, Pydantic response models, or any question about API error/success format in a FastAPI project.
Use when importing product serial numbers, license keys, card codes, activation codes, or inventory keys into EasyStore/easystore-backend with price, quantity, cost, supplier, card type, or batch-confirmation requirements.
| name | mermaid-flowchart-style |
| description | Use when styling Mermaid flowchart diagrams for GitHub, Obsidian, or MkDocs |
三個平台(GitHub / Obsidian / MkDocs)都支援 %%{init}%%:
%%{init: {"flowchart": {"padding": 0}}}%%
flowchart TB
...
flowchart.padding:文字到節點邊框的距離,預設 15,跨平台有效。
| 值 | 效果 |
|---|---|
| 15 | 預設,寬鬆 |
| 6 | 偏緊湊 |
| 0 | 最小,部分渲染器可能略微截字 |
nodePadding作為 themeVariable 無效,不會被 Mermaid 處理。
在 md 檔案開頭加 <style> 區塊:
<style>
.nodeLabel {
padding: 0 !important;
} /* 節點文字內距 */
.edgeLabel {
padding: 0 !important;
} /* 箭頭標籤內距 */
</style>
themeVariables.fontSize 在 flowchart 中只影響視覺渲染,不影響節點框的計算尺寸,字體放大後文字會溢出邊框。這是 Mermaid 已知的 open bug(#2896、#2139)。
如仍要調整,選一種方式:
A. 全平台(接受溢出風險)
%%{init: {"themeVariables": {"fontSize": "18px"}}}%%
B. Obsidian / MkDocs 限定(搭配 <style> 區塊)
<style>
.nodeLabel {
font-size: 18px;
}
</style>
htmlLabels: false改為 SVG text 模式,<br/>換行仍有效,但無法解決字體與框寬不同步的問題。