메뉴
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/>換行仍有效，但無法解決字體與框寬不同步的問題。