minimal-vibe-coding-kit 0.5.0 → 0.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (378) hide show
  1. package/.agents/skills/agentshield-security-review/SKILL.md +16 -8
  2. package/.agents/skills/agentshield-security-review/references/native-install.md +2 -2
  3. package/.agents/skills/agentshield-security-review/scripts/agentshield_repo_probe.py +19 -1
  4. package/.agents/skills/mermaid/SKILL.md +141 -0
  5. package/.agents/skills/mermaid/UPSTREAM-NOTICE.md +52 -0
  6. package/.agents/skills/mermaid/references/architecture.md +433 -0
  7. package/.agents/skills/mermaid/references/block.md +752 -0
  8. package/.agents/skills/mermaid/references/c4.md +618 -0
  9. package/.agents/skills/mermaid/references/classDiagram.md +1191 -0
  10. package/.agents/skills/mermaid/references/coding-level-charts.md +27 -0
  11. package/.agents/skills/mermaid/references/config-configuration.md +71 -0
  12. package/.agents/skills/mermaid/references/config-directives.md +341 -0
  13. package/.agents/skills/mermaid/references/config-layouts.md +39 -0
  14. package/.agents/skills/mermaid/references/config-math.md +95 -0
  15. package/.agents/skills/mermaid/references/config-theming.md +245 -0
  16. package/.agents/skills/mermaid/references/config-tidy-tree.md +88 -0
  17. package/.agents/skills/mermaid/references/cynefin.md +278 -0
  18. package/.agents/skills/mermaid/references/debug-heatmap.md +68 -0
  19. package/.agents/skills/mermaid/references/entityRelationshipDiagram.md +902 -0
  20. package/.agents/skills/mermaid/references/eventmodeling.md +474 -0
  21. package/.agents/skills/mermaid/references/examples.md +300 -0
  22. package/.agents/skills/mermaid/references/flowchart.md +2166 -0
  23. package/.agents/skills/mermaid/references/gantt.md +736 -0
  24. package/.agents/skills/mermaid/references/gitgraph.md +2137 -0
  25. package/.agents/skills/mermaid/references/ishikawa.md +65 -0
  26. package/.agents/skills/mermaid/references/kanban.md +160 -0
  27. package/.agents/skills/mermaid/references/kit-examples.md +210 -0
  28. package/.agents/skills/mermaid/references/mindmap.md +334 -0
  29. package/.agents/skills/mermaid/references/packet.md +152 -0
  30. package/.agents/skills/mermaid/references/pie.md +111 -0
  31. package/.agents/skills/mermaid/references/preview.html +1143 -0
  32. package/.agents/skills/mermaid/references/quadrantChart.md +266 -0
  33. package/.agents/skills/mermaid/references/radar.md +268 -0
  34. package/.agents/skills/mermaid/references/railroad.md +455 -0
  35. package/.agents/skills/mermaid/references/requirementDiagram.md +494 -0
  36. package/.agents/skills/mermaid/references/sankey.md +414 -0
  37. package/.agents/skills/mermaid/references/sequenceDiagram.md +1206 -0
  38. package/.agents/skills/mermaid/references/stateDiagram.md +669 -0
  39. package/.agents/skills/mermaid/references/styling-preset.md +620 -0
  40. package/.agents/skills/mermaid/references/swimlanes.md +523 -0
  41. package/.agents/skills/mermaid/references/timeline.md +570 -0
  42. package/.agents/skills/mermaid/references/treeView.md +432 -0
  43. package/.agents/skills/mermaid/references/treemap.md +352 -0
  44. package/.agents/skills/mermaid/references/userJourney.md +41 -0
  45. package/.agents/skills/mermaid/references/venn.md +156 -0
  46. package/.agents/skills/mermaid/references/wardley.md +731 -0
  47. package/.agents/skills/mermaid/references/xyChart.md +392 -0
  48. package/.agents/skills/mermaid/references/zenuml.md +473 -0
  49. package/.agents/skills/sequential-thinking/SKILL.md +97 -69
  50. package/.agents/skills/sequential-thinking/examples/adaptive-depth.md +15 -536
  51. package/.agents/skills/sequential-thinking/examples/branching-exploration.md +18 -468
  52. package/.agents/skills/sequential-thinking/examples/linear-reasoning.md +22 -203
  53. package/.agents/skills/sequential-thinking/examples/revision-pattern.md +17 -298
  54. package/.agents/skills/sequential-thinking/references/advanced-techniques.md +98 -0
  55. package/.agents/skills/sequential-thinking/references/output-schema.md +99 -458
  56. package/.agents/skills/sequential-thinking/references/parameters.md +73 -435
  57. package/.agents/skills/sequential-thinking/references/patterns.md +72 -639
  58. package/.agents/skills/tutien/SKILL.md +36 -13
  59. package/.agents/skills/tutien/references/adaptive-response.md +68 -0
  60. package/.agents/skills/tutien/references/lore-sources.md +28 -0
  61. package/.agents/skills/tutien/references/privacy.md +13 -1
  62. package/.agents/skills/tutien/references/schema.md +32 -1
  63. package/.agents/skills/tutien/references/story-system.md +176 -0
  64. package/.agents/skills/tutien/references/vi-style-guide.md +89 -0
  65. package/.agents/skills/tutien/references/voice-and-mode.md +23 -8
  66. package/.agents/skills/tutien/scripts/catalog.mjs +17 -17
  67. package/.agents/skills/tutien/scripts/classify.mjs +64 -37
  68. package/.agents/skills/tutien/scripts/command.mjs +40 -21
  69. package/.agents/skills/tutien/scripts/project-profile.mjs +202 -0
  70. package/.agents/skills/tutien/scripts/render-report.mjs +128 -72
  71. package/.agents/skills/tutien/scripts/response-brief.mjs +103 -0
  72. package/.agents/skills/tutien/scripts/run-tutien.mjs +141 -63
  73. package/.agents/skills/tutien/scripts/story-ledger.mjs +241 -0
  74. package/.agents/skills/tutien/scripts/villains.mjs +14 -14
  75. package/.claude/skills/agentshield-security-review/SKILL.md +16 -8
  76. package/.claude/skills/agentshield-security-review/references/native-install.md +2 -2
  77. package/.claude/skills/agentshield-security-review/scripts/agentshield_repo_probe.py +19 -1
  78. package/.claude/skills/mermaid/SKILL.md +141 -0
  79. package/.claude/skills/mermaid/UPSTREAM-NOTICE.md +52 -0
  80. package/.claude/skills/mermaid/references/architecture.md +433 -0
  81. package/.claude/skills/mermaid/references/block.md +752 -0
  82. package/.claude/skills/mermaid/references/c4.md +618 -0
  83. package/.claude/skills/mermaid/references/classDiagram.md +1191 -0
  84. package/.claude/skills/mermaid/references/coding-level-charts.md +27 -0
  85. package/.claude/skills/mermaid/references/config-configuration.md +71 -0
  86. package/.claude/skills/mermaid/references/config-directives.md +341 -0
  87. package/.claude/skills/mermaid/references/config-layouts.md +39 -0
  88. package/.claude/skills/mermaid/references/config-math.md +95 -0
  89. package/.claude/skills/mermaid/references/config-theming.md +245 -0
  90. package/.claude/skills/mermaid/references/config-tidy-tree.md +88 -0
  91. package/.claude/skills/mermaid/references/cynefin.md +278 -0
  92. package/.claude/skills/mermaid/references/debug-heatmap.md +68 -0
  93. package/.claude/skills/mermaid/references/entityRelationshipDiagram.md +902 -0
  94. package/.claude/skills/mermaid/references/eventmodeling.md +474 -0
  95. package/.claude/skills/mermaid/references/examples.md +300 -0
  96. package/.claude/skills/mermaid/references/flowchart.md +2166 -0
  97. package/.claude/skills/mermaid/references/gantt.md +736 -0
  98. package/.claude/skills/mermaid/references/gitgraph.md +2137 -0
  99. package/.claude/skills/mermaid/references/ishikawa.md +65 -0
  100. package/.claude/skills/mermaid/references/kanban.md +160 -0
  101. package/.claude/skills/mermaid/references/kit-examples.md +210 -0
  102. package/.claude/skills/mermaid/references/mindmap.md +334 -0
  103. package/.claude/skills/mermaid/references/packet.md +152 -0
  104. package/.claude/skills/mermaid/references/pie.md +111 -0
  105. package/.claude/skills/mermaid/references/preview.html +1143 -0
  106. package/.claude/skills/mermaid/references/quadrantChart.md +266 -0
  107. package/.claude/skills/mermaid/references/radar.md +268 -0
  108. package/.claude/skills/mermaid/references/railroad.md +455 -0
  109. package/.claude/skills/mermaid/references/requirementDiagram.md +494 -0
  110. package/.claude/skills/mermaid/references/sankey.md +414 -0
  111. package/.claude/skills/mermaid/references/sequenceDiagram.md +1206 -0
  112. package/.claude/skills/mermaid/references/stateDiagram.md +669 -0
  113. package/.claude/skills/mermaid/references/styling-preset.md +620 -0
  114. package/.claude/skills/mermaid/references/swimlanes.md +523 -0
  115. package/.claude/skills/mermaid/references/timeline.md +570 -0
  116. package/.claude/skills/mermaid/references/treeView.md +432 -0
  117. package/.claude/skills/mermaid/references/treemap.md +352 -0
  118. package/.claude/skills/mermaid/references/userJourney.md +41 -0
  119. package/.claude/skills/mermaid/references/venn.md +156 -0
  120. package/.claude/skills/mermaid/references/wardley.md +731 -0
  121. package/.claude/skills/mermaid/references/xyChart.md +392 -0
  122. package/.claude/skills/mermaid/references/zenuml.md +473 -0
  123. package/.claude/skills/sequential-thinking/SKILL.md +97 -69
  124. package/.claude/skills/sequential-thinking/examples/adaptive-depth.md +15 -536
  125. package/.claude/skills/sequential-thinking/examples/branching-exploration.md +18 -468
  126. package/.claude/skills/sequential-thinking/examples/linear-reasoning.md +22 -203
  127. package/.claude/skills/sequential-thinking/examples/revision-pattern.md +17 -298
  128. package/.claude/skills/sequential-thinking/references/advanced-techniques.md +98 -0
  129. package/.claude/skills/sequential-thinking/references/output-schema.md +99 -458
  130. package/.claude/skills/sequential-thinking/references/parameters.md +73 -435
  131. package/.claude/skills/sequential-thinking/references/patterns.md +72 -639
  132. package/.claude/skills/tutien/SKILL.md +36 -13
  133. package/.claude/skills/tutien/references/adaptive-response.md +68 -0
  134. package/.claude/skills/tutien/references/lore-sources.md +28 -0
  135. package/.claude/skills/tutien/references/privacy.md +13 -1
  136. package/.claude/skills/tutien/references/schema.md +32 -1
  137. package/.claude/skills/tutien/references/story-system.md +176 -0
  138. package/.claude/skills/tutien/references/vi-style-guide.md +89 -0
  139. package/.claude/skills/tutien/references/voice-and-mode.md +23 -8
  140. package/.claude/skills/tutien/scripts/catalog.mjs +17 -17
  141. package/.claude/skills/tutien/scripts/classify.mjs +64 -37
  142. package/.claude/skills/tutien/scripts/command.mjs +40 -21
  143. package/.claude/skills/tutien/scripts/project-profile.mjs +202 -0
  144. package/.claude/skills/tutien/scripts/render-report.mjs +128 -72
  145. package/.claude/skills/tutien/scripts/response-brief.mjs +103 -0
  146. package/.claude/skills/tutien/scripts/run-tutien.mjs +141 -63
  147. package/.claude/skills/tutien/scripts/story-ledger.mjs +241 -0
  148. package/.claude/skills/tutien/scripts/villains.mjs +14 -14
  149. package/.codex-plugin/plugin.json +1 -1
  150. package/.cursor/skills/mermaid/SKILL.md +141 -0
  151. package/.cursor/skills/mermaid/UPSTREAM-NOTICE.md +52 -0
  152. package/.cursor/skills/mermaid/references/architecture.md +433 -0
  153. package/.cursor/skills/mermaid/references/block.md +752 -0
  154. package/.cursor/skills/mermaid/references/c4.md +618 -0
  155. package/.cursor/skills/mermaid/references/classDiagram.md +1191 -0
  156. package/.cursor/skills/mermaid/references/coding-level-charts.md +27 -0
  157. package/.cursor/skills/mermaid/references/config-configuration.md +71 -0
  158. package/.cursor/skills/mermaid/references/config-directives.md +341 -0
  159. package/.cursor/skills/mermaid/references/config-layouts.md +39 -0
  160. package/.cursor/skills/mermaid/references/config-math.md +95 -0
  161. package/.cursor/skills/mermaid/references/config-theming.md +245 -0
  162. package/.cursor/skills/mermaid/references/config-tidy-tree.md +88 -0
  163. package/.cursor/skills/mermaid/references/cynefin.md +278 -0
  164. package/.cursor/skills/mermaid/references/debug-heatmap.md +68 -0
  165. package/.cursor/skills/mermaid/references/entityRelationshipDiagram.md +902 -0
  166. package/.cursor/skills/mermaid/references/eventmodeling.md +474 -0
  167. package/.cursor/skills/mermaid/references/examples.md +300 -0
  168. package/.cursor/skills/mermaid/references/flowchart.md +2166 -0
  169. package/.cursor/skills/mermaid/references/gantt.md +736 -0
  170. package/.cursor/skills/mermaid/references/gitgraph.md +2137 -0
  171. package/.cursor/skills/mermaid/references/ishikawa.md +65 -0
  172. package/.cursor/skills/mermaid/references/kanban.md +160 -0
  173. package/.cursor/skills/mermaid/references/kit-examples.md +210 -0
  174. package/.cursor/skills/mermaid/references/mindmap.md +334 -0
  175. package/.cursor/skills/mermaid/references/packet.md +152 -0
  176. package/.cursor/skills/mermaid/references/pie.md +111 -0
  177. package/.cursor/skills/mermaid/references/preview.html +1143 -0
  178. package/.cursor/skills/mermaid/references/quadrantChart.md +266 -0
  179. package/.cursor/skills/mermaid/references/radar.md +268 -0
  180. package/.cursor/skills/mermaid/references/railroad.md +455 -0
  181. package/.cursor/skills/mermaid/references/requirementDiagram.md +494 -0
  182. package/.cursor/skills/mermaid/references/sankey.md +414 -0
  183. package/.cursor/skills/mermaid/references/sequenceDiagram.md +1206 -0
  184. package/.cursor/skills/mermaid/references/stateDiagram.md +669 -0
  185. package/.cursor/skills/mermaid/references/styling-preset.md +620 -0
  186. package/.cursor/skills/mermaid/references/swimlanes.md +523 -0
  187. package/.cursor/skills/mermaid/references/timeline.md +570 -0
  188. package/.cursor/skills/mermaid/references/treeView.md +432 -0
  189. package/.cursor/skills/mermaid/references/treemap.md +352 -0
  190. package/.cursor/skills/mermaid/references/userJourney.md +41 -0
  191. package/.cursor/skills/mermaid/references/venn.md +156 -0
  192. package/.cursor/skills/mermaid/references/wardley.md +731 -0
  193. package/.cursor/skills/mermaid/references/xyChart.md +392 -0
  194. package/.cursor/skills/mermaid/references/zenuml.md +473 -0
  195. package/.cursor/skills/sequential-thinking/SKILL.md +97 -69
  196. package/.cursor/skills/sequential-thinking/examples/adaptive-depth.md +15 -536
  197. package/.cursor/skills/sequential-thinking/examples/branching-exploration.md +18 -468
  198. package/.cursor/skills/sequential-thinking/examples/linear-reasoning.md +22 -203
  199. package/.cursor/skills/sequential-thinking/examples/revision-pattern.md +17 -298
  200. package/.cursor/skills/sequential-thinking/references/advanced-techniques.md +98 -0
  201. package/.cursor/skills/sequential-thinking/references/output-schema.md +99 -458
  202. package/.cursor/skills/sequential-thinking/references/parameters.md +73 -435
  203. package/.cursor/skills/sequential-thinking/references/patterns.md +72 -639
  204. package/.cursor/skills/tutien/SKILL.md +36 -13
  205. package/.cursor/skills/tutien/references/adaptive-response.md +68 -0
  206. package/.cursor/skills/tutien/references/lore-sources.md +28 -0
  207. package/.cursor/skills/tutien/references/privacy.md +13 -1
  208. package/.cursor/skills/tutien/references/schema.md +32 -1
  209. package/.cursor/skills/tutien/references/story-system.md +176 -0
  210. package/.cursor/skills/tutien/references/vi-style-guide.md +89 -0
  211. package/.cursor/skills/tutien/references/voice-and-mode.md +23 -8
  212. package/.cursor/skills/tutien/scripts/catalog.mjs +17 -17
  213. package/.cursor/skills/tutien/scripts/classify.mjs +64 -37
  214. package/.cursor/skills/tutien/scripts/command.mjs +40 -21
  215. package/.cursor/skills/tutien/scripts/project-profile.mjs +202 -0
  216. package/.cursor/skills/tutien/scripts/render-report.mjs +128 -72
  217. package/.cursor/skills/tutien/scripts/response-brief.mjs +103 -0
  218. package/.cursor/skills/tutien/scripts/run-tutien.mjs +141 -63
  219. package/.cursor/skills/tutien/scripts/story-ledger.mjs +241 -0
  220. package/.cursor/skills/tutien/scripts/villains.mjs +14 -14
  221. package/.grok/skills/agentshield-security-review/SKILL.md +16 -8
  222. package/.grok/skills/agentshield-security-review/references/native-install.md +2 -2
  223. package/.grok/skills/agentshield-security-review/scripts/agentshield_repo_probe.py +19 -1
  224. package/.grok/skills/mermaid/SKILL.md +141 -0
  225. package/.grok/skills/mermaid/UPSTREAM-NOTICE.md +52 -0
  226. package/.grok/skills/mermaid/references/architecture.md +433 -0
  227. package/.grok/skills/mermaid/references/block.md +752 -0
  228. package/.grok/skills/mermaid/references/c4.md +618 -0
  229. package/.grok/skills/mermaid/references/classDiagram.md +1191 -0
  230. package/.grok/skills/mermaid/references/coding-level-charts.md +27 -0
  231. package/.grok/skills/mermaid/references/config-configuration.md +71 -0
  232. package/.grok/skills/mermaid/references/config-directives.md +341 -0
  233. package/.grok/skills/mermaid/references/config-layouts.md +39 -0
  234. package/.grok/skills/mermaid/references/config-math.md +95 -0
  235. package/.grok/skills/mermaid/references/config-theming.md +245 -0
  236. package/.grok/skills/mermaid/references/config-tidy-tree.md +88 -0
  237. package/.grok/skills/mermaid/references/cynefin.md +278 -0
  238. package/.grok/skills/mermaid/references/debug-heatmap.md +68 -0
  239. package/.grok/skills/mermaid/references/entityRelationshipDiagram.md +902 -0
  240. package/.grok/skills/mermaid/references/eventmodeling.md +474 -0
  241. package/.grok/skills/mermaid/references/examples.md +300 -0
  242. package/.grok/skills/mermaid/references/flowchart.md +2166 -0
  243. package/.grok/skills/mermaid/references/gantt.md +736 -0
  244. package/.grok/skills/mermaid/references/gitgraph.md +2137 -0
  245. package/.grok/skills/mermaid/references/ishikawa.md +65 -0
  246. package/.grok/skills/mermaid/references/kanban.md +160 -0
  247. package/.grok/skills/mermaid/references/kit-examples.md +210 -0
  248. package/.grok/skills/mermaid/references/mindmap.md +334 -0
  249. package/.grok/skills/mermaid/references/packet.md +152 -0
  250. package/.grok/skills/mermaid/references/pie.md +111 -0
  251. package/.grok/skills/mermaid/references/preview.html +1143 -0
  252. package/.grok/skills/mermaid/references/quadrantChart.md +266 -0
  253. package/.grok/skills/mermaid/references/radar.md +268 -0
  254. package/.grok/skills/mermaid/references/railroad.md +455 -0
  255. package/.grok/skills/mermaid/references/requirementDiagram.md +494 -0
  256. package/.grok/skills/mermaid/references/sankey.md +414 -0
  257. package/.grok/skills/mermaid/references/sequenceDiagram.md +1206 -0
  258. package/.grok/skills/mermaid/references/stateDiagram.md +669 -0
  259. package/.grok/skills/mermaid/references/styling-preset.md +620 -0
  260. package/.grok/skills/mermaid/references/swimlanes.md +523 -0
  261. package/.grok/skills/mermaid/references/timeline.md +570 -0
  262. package/.grok/skills/mermaid/references/treeView.md +432 -0
  263. package/.grok/skills/mermaid/references/treemap.md +352 -0
  264. package/.grok/skills/mermaid/references/userJourney.md +41 -0
  265. package/.grok/skills/mermaid/references/venn.md +156 -0
  266. package/.grok/skills/mermaid/references/wardley.md +731 -0
  267. package/.grok/skills/mermaid/references/xyChart.md +392 -0
  268. package/.grok/skills/mermaid/references/zenuml.md +473 -0
  269. package/.grok/skills/sequential-thinking/SKILL.md +97 -69
  270. package/.grok/skills/sequential-thinking/examples/adaptive-depth.md +15 -536
  271. package/.grok/skills/sequential-thinking/examples/branching-exploration.md +18 -468
  272. package/.grok/skills/sequential-thinking/examples/linear-reasoning.md +22 -203
  273. package/.grok/skills/sequential-thinking/examples/revision-pattern.md +17 -298
  274. package/.grok/skills/sequential-thinking/references/advanced-techniques.md +98 -0
  275. package/.grok/skills/sequential-thinking/references/output-schema.md +99 -458
  276. package/.grok/skills/sequential-thinking/references/parameters.md +73 -435
  277. package/.grok/skills/sequential-thinking/references/patterns.md +72 -639
  278. package/.grok/skills/tutien/SKILL.md +36 -13
  279. package/.grok/skills/tutien/references/adaptive-response.md +68 -0
  280. package/.grok/skills/tutien/references/lore-sources.md +28 -0
  281. package/.grok/skills/tutien/references/privacy.md +13 -1
  282. package/.grok/skills/tutien/references/schema.md +32 -1
  283. package/.grok/skills/tutien/references/story-system.md +176 -0
  284. package/.grok/skills/tutien/references/vi-style-guide.md +89 -0
  285. package/.grok/skills/tutien/references/voice-and-mode.md +23 -8
  286. package/.grok/skills/tutien/scripts/catalog.mjs +17 -17
  287. package/.grok/skills/tutien/scripts/classify.mjs +64 -37
  288. package/.grok/skills/tutien/scripts/command.mjs +40 -21
  289. package/.grok/skills/tutien/scripts/project-profile.mjs +202 -0
  290. package/.grok/skills/tutien/scripts/render-report.mjs +128 -72
  291. package/.grok/skills/tutien/scripts/response-brief.mjs +103 -0
  292. package/.grok/skills/tutien/scripts/run-tutien.mjs +141 -63
  293. package/.grok/skills/tutien/scripts/story-ledger.mjs +241 -0
  294. package/.grok/skills/tutien/scripts/villains.mjs +14 -14
  295. package/.vibekit/docs/INSTALL.md +2 -1
  296. package/.vibekit/docs/SECURITY_MODEL.md +4 -1
  297. package/.vibekit/scripts/init-backbone.mjs +1 -1
  298. package/.vibekit/scripts/validate-kit.mjs +179 -3
  299. package/.vibekit/skills/agentshield-security-review/SKILL.md +16 -8
  300. package/.vibekit/skills/agentshield-security-review/references/native-install.md +2 -2
  301. package/.vibekit/skills/agentshield-security-review/scripts/agentshield_repo_probe.py +19 -1
  302. package/.vibekit/skills/mermaid/SKILL.md +141 -0
  303. package/.vibekit/skills/mermaid/UPSTREAM-NOTICE.md +52 -0
  304. package/.vibekit/skills/mermaid/references/architecture.md +433 -0
  305. package/.vibekit/skills/mermaid/references/block.md +752 -0
  306. package/.vibekit/skills/mermaid/references/c4.md +618 -0
  307. package/.vibekit/skills/mermaid/references/classDiagram.md +1191 -0
  308. package/.vibekit/skills/mermaid/references/coding-level-charts.md +27 -0
  309. package/.vibekit/skills/mermaid/references/config-configuration.md +71 -0
  310. package/.vibekit/skills/mermaid/references/config-directives.md +341 -0
  311. package/.vibekit/skills/mermaid/references/config-layouts.md +39 -0
  312. package/.vibekit/skills/mermaid/references/config-math.md +95 -0
  313. package/.vibekit/skills/mermaid/references/config-theming.md +245 -0
  314. package/.vibekit/skills/mermaid/references/config-tidy-tree.md +88 -0
  315. package/.vibekit/skills/mermaid/references/cynefin.md +278 -0
  316. package/.vibekit/skills/mermaid/references/debug-heatmap.md +68 -0
  317. package/.vibekit/skills/mermaid/references/entityRelationshipDiagram.md +902 -0
  318. package/.vibekit/skills/mermaid/references/eventmodeling.md +474 -0
  319. package/.vibekit/skills/mermaid/references/examples.md +300 -0
  320. package/.vibekit/skills/mermaid/references/flowchart.md +2166 -0
  321. package/.vibekit/skills/mermaid/references/gantt.md +736 -0
  322. package/.vibekit/skills/mermaid/references/gitgraph.md +2137 -0
  323. package/.vibekit/skills/mermaid/references/ishikawa.md +65 -0
  324. package/.vibekit/skills/mermaid/references/kanban.md +160 -0
  325. package/.vibekit/skills/mermaid/references/kit-examples.md +210 -0
  326. package/.vibekit/skills/mermaid/references/mindmap.md +334 -0
  327. package/.vibekit/skills/mermaid/references/packet.md +152 -0
  328. package/.vibekit/skills/mermaid/references/pie.md +111 -0
  329. package/.vibekit/skills/mermaid/references/preview.html +1143 -0
  330. package/.vibekit/skills/mermaid/references/quadrantChart.md +266 -0
  331. package/.vibekit/skills/mermaid/references/radar.md +268 -0
  332. package/.vibekit/skills/mermaid/references/railroad.md +455 -0
  333. package/.vibekit/skills/mermaid/references/requirementDiagram.md +494 -0
  334. package/.vibekit/skills/mermaid/references/sankey.md +414 -0
  335. package/.vibekit/skills/mermaid/references/sequenceDiagram.md +1206 -0
  336. package/.vibekit/skills/mermaid/references/stateDiagram.md +669 -0
  337. package/.vibekit/skills/mermaid/references/styling-preset.md +620 -0
  338. package/.vibekit/skills/mermaid/references/swimlanes.md +523 -0
  339. package/.vibekit/skills/mermaid/references/timeline.md +570 -0
  340. package/.vibekit/skills/mermaid/references/treeView.md +432 -0
  341. package/.vibekit/skills/mermaid/references/treemap.md +352 -0
  342. package/.vibekit/skills/mermaid/references/userJourney.md +41 -0
  343. package/.vibekit/skills/mermaid/references/venn.md +156 -0
  344. package/.vibekit/skills/mermaid/references/wardley.md +731 -0
  345. package/.vibekit/skills/mermaid/references/xyChart.md +392 -0
  346. package/.vibekit/skills/mermaid/references/zenuml.md +473 -0
  347. package/.vibekit/skills/sequential-thinking/SKILL.md +97 -69
  348. package/.vibekit/skills/sequential-thinking/examples/adaptive-depth.md +15 -536
  349. package/.vibekit/skills/sequential-thinking/examples/branching-exploration.md +18 -468
  350. package/.vibekit/skills/sequential-thinking/examples/linear-reasoning.md +22 -203
  351. package/.vibekit/skills/sequential-thinking/examples/revision-pattern.md +17 -298
  352. package/.vibekit/skills/sequential-thinking/references/advanced-techniques.md +98 -0
  353. package/.vibekit/skills/sequential-thinking/references/output-schema.md +99 -458
  354. package/.vibekit/skills/sequential-thinking/references/parameters.md +73 -435
  355. package/.vibekit/skills/sequential-thinking/references/patterns.md +72 -639
  356. package/.vibekit/skills/skills-manifest.json +2 -1
  357. package/.vibekit/skills/tutien/SKILL.md +36 -13
  358. package/.vibekit/skills/tutien/references/adaptive-response.md +68 -0
  359. package/.vibekit/skills/tutien/references/lore-sources.md +28 -0
  360. package/.vibekit/skills/tutien/references/privacy.md +13 -1
  361. package/.vibekit/skills/tutien/references/schema.md +32 -1
  362. package/.vibekit/skills/tutien/references/story-system.md +176 -0
  363. package/.vibekit/skills/tutien/references/vi-style-guide.md +89 -0
  364. package/.vibekit/skills/tutien/references/voice-and-mode.md +23 -8
  365. package/.vibekit/skills/tutien/scripts/catalog.mjs +17 -17
  366. package/.vibekit/skills/tutien/scripts/classify.mjs +64 -37
  367. package/.vibekit/skills/tutien/scripts/command.mjs +40 -21
  368. package/.vibekit/skills/tutien/scripts/project-profile.mjs +202 -0
  369. package/.vibekit/skills/tutien/scripts/render-report.mjs +128 -72
  370. package/.vibekit/skills/tutien/scripts/response-brief.mjs +103 -0
  371. package/.vibekit/skills/tutien/scripts/run-tutien.mjs +141 -63
  372. package/.vibekit/skills/tutien/scripts/story-ledger.mjs +241 -0
  373. package/.vibekit/skills/tutien/scripts/villains.mjs +14 -14
  374. package/CHANGELOG.md +47 -1
  375. package/README.md +273 -15
  376. package/docs/README.vi.md +290 -32
  377. package/docs/README.zh-CN.md +273 -15
  378. package/package.json +4 -2
package/.claude/skills/mermaid/references/preview.html ADDED
@@ -0,0 +1,1143 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>Vivid Clay preset preview</title>
6
+ <link rel="preconnect" href="https://fonts.googleapis.com">
7
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
8
+ <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Be+Vietnam+Pro&display=swap" rel="stylesheet">
9
+ <style>
10
+ body { background: #ffffff; font-family: trebuchet ms, verdana, arial, sans-serif; margin: 24px; }
11
+ h2 { margin: 40px 0 8px; border-bottom: 2px solid #eee; padding-bottom: 4px; }
12
+ .mermaid { background: #ffffff; font-family: cascadia mono, consolas, noto sans mono, menlo, monospace; }
13
+ </style>
14
+ </head>
15
+ <body>
16
+ <p><strong>Test-only gallery:</strong> loads pinned official Mermaid modules from jsDelivr.
17
+ Run in an isolated browser profile with no secrets or user data.</p>
18
+ <output id="render-status">Rendering diagrams…</output>
19
+
20
+ <h2 id="s1">1. Flowchart</h2>
21
+ <pre class="mermaid">
22
+ ---
23
+ config:
24
+ theme: base
25
+ themeVariables:
26
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
27
+ fontSize: 15px
28
+ lineColor: "#444444"
29
+ textColor: "#111111"
30
+ edgeLabelBackground: "#FFFFFF"
31
+ clusterBkg: "#FFF9DB"
32
+ clusterBorder: "#444444"
33
+ ---
34
+ flowchart TD
35
+ Start([Push to main]) --> Build(Build image)
36
+ Build --> Test(Run tests)
37
+ Test --> Q1{All green?}
38
+ Q1 -->|yes| Stage(Deploy to staging)
39
+ Q1 -->|no| Alert(Notify channel)
40
+ Alert --> End1([Abort])
41
+ Stage --> Q2{Smoke test OK?}
42
+ Q2 -->|yes| Prod(Deploy to prod)
43
+ Q2 -->|no| Roll(Rollback)
44
+ Roll --> Alert
45
+ Prod --> Done([Released])
46
+
47
+ classDef terminal fill:#111111,stroke:#444444,stroke-width:2px,color:#FFFFFF
48
+ classDef step fill:#8ECAFF,stroke:#444444,stroke-width:2px,color:#111111
49
+ classDef decision fill:#FFD43B,stroke:#444444,stroke-width:2px,color:#111111
50
+ classDef success fill:#8CE99A,stroke:#444444,stroke-width:2px,color:#111111
51
+ classDef danger fill:#FF8787,stroke:#444444,stroke-width:2px,color:#111111
52
+ linkStyle default stroke:#444444,stroke-width:1.5px
53
+
54
+ class Start,End1,Done terminal
55
+ class Build,Test,Stage step
56
+ class Q1,Q2 decision
57
+ class Prod success
58
+ class Alert,Roll danger
59
+ </pre>
60
+
61
+ <h2 id="s2">2. State diagram</h2>
62
+ <pre class="mermaid">
63
+ ---
64
+ config:
65
+ theme: base
66
+ themeVariables:
67
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
68
+ fontSize: 15px
69
+ lineColor: "#444444"
70
+ textColor: "#111111"
71
+ ---
72
+ stateDiagram-v2
73
+ [*] --> Draft
74
+ Draft --> Review : submit
75
+ Review --> Draft : reject
76
+ Review --> Approved : approve
77
+ Approved --> Published : publish
78
+ Published --> [*]
79
+
80
+ classDef step fill:#8ECAFF,stroke:#444444,stroke-width:2px,color:#111111
81
+ classDef decision fill:#FFD43B,stroke:#444444,stroke-width:2px,color:#111111
82
+ classDef success fill:#8CE99A,stroke:#444444,stroke-width:2px,color:#111111
83
+
84
+ class Draft,Published step
85
+ class Review decision
86
+ class Approved success
87
+ </pre>
88
+
89
+ <h2 id="s3">3. Class diagram</h2>
90
+ <p>3a. doc-minimal repro (no themeVariables):</p>
91
+ <pre class="mermaid">
92
+ classDiagram
93
+ class Animal:::someclass
94
+ classDef someclass fill:#f96
95
+ </pre>
96
+ <p>3b. cssClass form + themeVariables:</p>
97
+ <pre class="mermaid">
98
+ ---
99
+ config:
100
+ theme: base
101
+ themeVariables:
102
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
103
+ fontSize: 15px
104
+ lineColor: "#444444"
105
+ textColor: "#111111"
106
+ ---
107
+ classDiagram
108
+ class Order {
109
+ +int id
110
+ +total() float
111
+ }
112
+ class Customer {
113
+ +string name
114
+ }
115
+ class Invoice {
116
+ +issue() void
117
+ }
118
+ Customer "1" --> "*" Order
119
+ Order --> Invoice
120
+
121
+ classDef step fill:#8ECAFF,stroke:#444444,stroke-width:2px,color:#111111
122
+ classDef accent fill:#D0BFFF,stroke:#444444,stroke-width:2px,color:#111111
123
+ classDef data fill:#63E6BE,stroke:#444444,stroke-width:2px,color:#111111
124
+ cssClass "Order" step
125
+ cssClass "Customer" accent
126
+ cssClass "Invoice" data
127
+ </pre>
128
+
129
+ <p>3c. cssClass form, no frontmatter:</p>
130
+ <pre class="mermaid">
131
+ classDiagram
132
+ class Order {
133
+ +int id
134
+ }
135
+ class Customer {
136
+ +string name
137
+ }
138
+ Customer "1" --> "*" Order
139
+
140
+ classDef step fill:#8ECAFF,stroke:#444444,stroke-width:2px,color:#111111
141
+ classDef accent fill:#D0BFFF,stroke:#444444,stroke-width:2px,color:#111111
142
+ cssClass "Order" step
143
+ cssClass "Customer" accent
144
+ </pre>
145
+
146
+ <h2 id="s4">4. ER diagram</h2>
147
+ <pre class="mermaid">
148
+ ---
149
+ config:
150
+ theme: base
151
+ themeVariables:
152
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
153
+ fontSize: 15px
154
+ lineColor: "#444444"
155
+ textColor: "#111111"
156
+ primaryColor: "#8ECAFF"
157
+ primaryTextColor: "#111111"
158
+ primaryBorderColor: "#444444"
159
+ tertiaryColor: "#FFF9DB"
160
+ ---
161
+ erDiagram
162
+ CUSTOMER ||--o{ ORDER : places
163
+ ORDER ||--|{ LINE_ITEM : contains
164
+ CUSTOMER {
165
+ int id PK
166
+ string name
167
+ }
168
+ ORDER {
169
+ int id PK
170
+ date created
171
+ }
172
+ LINE_ITEM {
173
+ int qty
174
+ }
175
+ </pre>
176
+
177
+ <h2 id="s5">5. Sequence diagram</h2>
178
+ <pre class="mermaid">
179
+ ---
180
+ config:
181
+ theme: base
182
+ themeVariables:
183
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
184
+ fontSize: 15px
185
+ lineColor: "#444444"
186
+ textColor: "#111111"
187
+ actorBkg: "#8ECAFF"
188
+ actorBorder: "#444444"
189
+ actorTextColor: "#111111"
190
+ actorLineColor: "#777777"
191
+ signalColor: "#444444"
192
+ signalTextColor: "#111111"
193
+ activationBkgColor: "#FFD43B"
194
+ activationBorderColor: "#444444"
195
+ labelBoxBkgColor: "#D0BFFF"
196
+ labelBoxBorderColor: "#444444"
197
+ noteBkgColor: "#FFF9DB"
198
+ noteBorderColor: "#444444"
199
+ noteTextColor: "#111111"
200
+ ---
201
+ sequenceDiagram
202
+ participant U as User
203
+ participant A as App
204
+ participant S as Auth Service
205
+ U->>+A: Submit credentials
206
+ A->>+S: POST /token
207
+ Note over S: Validate + issue JWT
208
+ alt valid
209
+ S-->>-A: 200 access_token
210
+ A-->>U: Redirect to dashboard
211
+ else invalid
212
+ S-->>A: 401
213
+ A-->>-U: Show error
214
+ end
215
+ </pre>
216
+
217
+ <h2 id="s6">6. Pie chart</h2>
218
+ <pre class="mermaid">
219
+ ---
220
+ config:
221
+ theme: base
222
+ themeVariables:
223
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
224
+ fontSize: 15px
225
+ textColor: "#111111"
226
+ pie1: "#8ECAFF"
227
+ pie2: "#FFD43B"
228
+ pie3: "#8CE99A"
229
+ pie4: "#FF8787"
230
+ pieStrokeColor: "#444444"
231
+ pieStrokeWidth: 1.5px
232
+ pieOuterStrokeColor: "#444444"
233
+ pieOuterStrokeWidth: 2px
234
+ pieOpacity: 1
235
+ ---
236
+ pie
237
+ "Restore" : 25
238
+ "Compile" : 45
239
+ "Tests" : 20
240
+ "Package" : 10
241
+ </pre>
242
+
243
+ <h2 id="s7">7. Gantt</h2>
244
+ <pre class="mermaid">
245
+ ---
246
+ config:
247
+ theme: base
248
+ themeVariables:
249
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
250
+ fontSize: 15px
251
+ textColor: "#111111"
252
+ lineColor: "#444444"
253
+ sectionBkgColor: "#FFF9DB"
254
+ altSectionBkgColor: "#FFFFFF"
255
+ taskBkgColor: "#8ECAFF"
256
+ taskBorderColor: "#444444"
257
+ taskTextColor: "#111111"
258
+ taskTextOutsideColor: "#111111"
259
+ activeTaskBkgColor: "#FFD43B"
260
+ activeTaskBorderColor: "#444444"
261
+ doneTaskBkgColor: "#8CE99A"
262
+ doneTaskBorderColor: "#444444"
263
+ critBkgColor: "#FF8787"
264
+ critBorderColor: "#444444"
265
+ todayLineColor: "#FF8787"
266
+ ---
267
+ gantt
268
+ title Release plan
269
+ dateFormat YYYY-MM-DD
270
+ section Build
271
+ Design :done, d1, 2026-07-01, 5d
272
+ Implement :active, d2, after d1, 10d
273
+ section Ship
274
+ QA :crit, d3, after d2, 4d
275
+ Release :d4, after d3, 1d
276
+ </pre>
277
+
278
+ <h2 id="s8">8. User journey</h2>
279
+ <pre class="mermaid">
280
+ ---
281
+ config:
282
+ theme: base
283
+ themeVariables:
284
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
285
+ fontSize: 15px
286
+ textColor: "#111111"
287
+ fillType0: "#8ECAFF"
288
+ fillType1: "#FFD43B"
289
+ fillType2: "#8CE99A"
290
+ fillType3: "#FF8787"
291
+ fillType4: "#D0BFFF"
292
+ fillType5: "#63E6BE"
293
+ ---
294
+ journey
295
+ title Checkout experience
296
+ section Browse
297
+ Find product: 5: User
298
+ Compare: 3: User
299
+ section Buy
300
+ Add to cart: 4: User
301
+ Pay: 2: User, Support
302
+ </pre>
303
+
304
+ <h2 id="s9">9. Timeline</h2>
305
+ <pre class="mermaid">
306
+ ---
307
+ config:
308
+ theme: base
309
+ themeVariables:
310
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
311
+ fontSize: 15px
312
+ textColor: "#111111"
313
+ cScale0: "#339AF0"
314
+ cScale1: "#FAB005"
315
+ cScale2: "#40C057"
316
+ cScale3: "#9775FA"
317
+ cScaleLabel0: "#111111"
318
+ cScaleLabel1: "#111111"
319
+ cScaleLabel2: "#111111"
320
+ cScaleLabel3: "#111111"
321
+ cScaleInv0: "#444444"
322
+ cScaleInv1: "#444444"
323
+ cScaleInv2: "#444444"
324
+ cScaleInv3: "#444444"
325
+ ---
326
+ timeline
327
+ title Repository safety evolution
328
+ section Source of truth
329
+ Backbone contract : Define project boundaries
330
+ section Path guardrails
331
+ Containment checks : Reject broad targets
332
+ section Verification
333
+ Mirror parity : Compare every surface
334
+ section Feedback loop
335
+ Evidence ledger : Keep or discard changes
336
+ </pre>
337
+
338
+ <h2 id="s10">10. Quadrant chart</h2>
339
+ <pre class="mermaid">
340
+ ---
341
+ config:
342
+ theme: base
343
+ themeVariables:
344
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
345
+ fontSize: 15px
346
+ quadrant1Fill: "#8CE99A"
347
+ quadrant2Fill: "#8ECAFF"
348
+ quadrant3Fill: "#FFF9DB"
349
+ quadrant4Fill: "#FF8787"
350
+ quadrant1TextFill: "#111111"
351
+ quadrant2TextFill: "#111111"
352
+ quadrant3TextFill: "#111111"
353
+ quadrant4TextFill: "#111111"
354
+ quadrantPointFill: "#111111"
355
+ quadrantPointTextFill: "#111111"
356
+ quadrantXAxisTextFill: "#111111"
357
+ quadrantYAxisTextFill: "#111111"
358
+ quadrantInternalBorderStrokeFill: "#444444"
359
+ quadrantExternalBorderStrokeFill: "#444444"
360
+ ---
361
+ quadrantChart
362
+ title Feature priority
363
+ x-axis Low effort --> High effort
364
+ y-axis Low value --> High value
365
+ quadrant-1 Do now
366
+ quadrant-2 Plan
367
+ quadrant-3 Skip
368
+ quadrant-4 Avoid
369
+ Dark mode: [0.3, 0.8]
370
+ SSO: [0.7, 0.9]
371
+ Emoji picker: [0.2, 0.2]
372
+ </pre>
373
+
374
+ <h2 id="s11">11. XY chart</h2>
375
+ <pre class="mermaid">
376
+ ---
377
+ config:
378
+ theme: base
379
+ xyChart:
380
+ showDataLabel: true
381
+ showDataLabelOutsideBar: true
382
+ themeVariables:
383
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
384
+ fontSize: 15px
385
+ xyChart:
386
+ backgroundColor: "#FFFFFF"
387
+ titleColor: "#111111"
388
+ dataLabelColor: "#111111"
389
+ legendTextColor: "#111111"
390
+ xAxisLabelColor: "#111111"
391
+ xAxisTitleColor: "#111111"
392
+ xAxisTickColor: "#444444"
393
+ xAxisLineColor: "#444444"
394
+ yAxisLabelColor: "#111111"
395
+ yAxisTitleColor: "#111111"
396
+ yAxisTickColor: "#444444"
397
+ yAxisLineColor: "#444444"
398
+ plotColorPalette: "#339AF0, #FD7E14, #40C057, #FA5252"
399
+ ---
400
+ xychart
401
+ title "Validation feedback time"
402
+ x-axis [Syntax, Install, Mirrors, Security, Pack]
403
+ y-axis "Feedback seconds" 0 --> 40
404
+ bar "Observed" [8, 31, 12, 14, 24]
405
+ line "Target" [20, 20, 20, 20, 20]
406
+ </pre>
407
+
408
+ <h2 id="s12">12. Git graph</h2>
409
+ <pre class="mermaid">
410
+ ---
411
+ config:
412
+ theme: base
413
+ themeVariables:
414
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
415
+ fontSize: 15px
416
+ git0: "#8ECAFF"
417
+ git1: "#FFD43B"
418
+ git2: "#8CE99A"
419
+ gitBranchLabel0: "#111111"
420
+ gitBranchLabel1: "#111111"
421
+ gitBranchLabel2: "#111111"
422
+ commitLabelColor: "#111111"
423
+ commitLabelBackground: "#FFF9DB"
424
+ tagLabelColor: "#111111"
425
+ tagLabelBackground: "#D0BFFF"
426
+ tagLabelBorder: "#444444"
427
+ ---
428
+ gitGraph
429
+ commit id: "init"
430
+ branch develop
431
+ commit id: "feat-a"
432
+ branch feature
433
+ commit id: "wip"
434
+ checkout develop
435
+ merge feature
436
+ checkout main
437
+ merge develop tag: "v1.0"
438
+ </pre>
439
+
440
+ <h2 id="s13">13. Mindmap</h2>
441
+ <pre class="mermaid">
442
+ ---
443
+ config:
444
+ theme: base
445
+ themeVariables:
446
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
447
+ fontSize: 15px
448
+ textColor: "#111111"
449
+ lineColor: "#444444"
450
+ cScale0: "#8ECAFF"
451
+ cScale1: "#FFD43B"
452
+ cScale2: "#8CE99A"
453
+ cScale3: "#FF8787"
454
+ cScale4: "#D0BFFF"
455
+ ---
456
+ mindmap
457
+ root((Platform))
458
+ Frontend
459
+ Web app
460
+ Mobile
461
+ Backend
462
+ API
463
+ Workers
464
+ Data
465
+ Warehouse
466
+ </pre>
467
+
468
+ <h2 id="s14">14. Swimlanes</h2>
469
+ <pre class="mermaid">
470
+ ---
471
+ config:
472
+ theme: base
473
+ themeVariables:
474
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
475
+ fontSize: 15px
476
+ lineColor: "#444444"
477
+ textColor: "#111111"
478
+ primaryColor: "#8ECAFF"
479
+ primaryBorderColor: "#444444"
480
+ primaryTextColor: "#111111"
481
+ clusterBkg: "#FFF9DB"
482
+ clusterBorder: "#444444"
483
+ edgeLabelBackground: "#FFFFFF"
484
+ ---
485
+ swimlane-beta LR
486
+ subgraph Customer
487
+ request[Request service]
488
+ receive[Receive update]
489
+ end
490
+ subgraph Support
491
+ triage[Triage request]
492
+ answer[Send answer]
493
+ end
494
+ request --> triage
495
+ triage -->|Known issue| answer
496
+ answer --> receive
497
+ </pre>
498
+
499
+ <h2 id="s15">15. Requirement diagram</h2>
500
+ <pre class="mermaid">
501
+ ---
502
+ config:
503
+ theme: base
504
+ themeVariables:
505
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
506
+ fontSize: 15px
507
+ lineColor: "#444444"
508
+ textColor: "#111111"
509
+ primaryColor: "#8ECAFF"
510
+ primaryBorderColor: "#444444"
511
+ primaryTextColor: "#111111"
512
+ ---
513
+ requirementDiagram
514
+ requirement login_req {
515
+ id: 1
516
+ text: Login must be secure
517
+ risk: high
518
+ verifymethod: test
519
+ }
520
+ element auth_service {
521
+ type: service
522
+ }
523
+ auth_service - satisfies -> login_req
524
+ </pre>
525
+
526
+ <h2 id="s16">16. C4 context</h2>
527
+ <pre class="mermaid">
528
+ ---
529
+ config:
530
+ theme: base
531
+ themeVariables:
532
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
533
+ fontSize: 15px
534
+ lineColor: "#444444"
535
+ textColor: "#111111"
536
+ ---
537
+ C4Context
538
+ title Banking system context
539
+ Person(customer, "Customer", "A bank customer")
540
+ System(bank, "Banking System", "Handles accounts")
541
+ System_Ext(mail, "Mail System", "Sends emails")
542
+ Rel(customer, bank, "Uses")
543
+ Rel(bank, mail, "Sends mail via")
544
+
545
+ UpdateElementStyle(customer, $bgColor="#D0BFFF", $fontColor="#111111", $borderColor="#444444")
546
+ UpdateElementStyle(bank, $bgColor="#8ECAFF", $fontColor="#111111", $borderColor="#444444")
547
+ UpdateElementStyle(mail, $bgColor="#FFA94D", $fontColor="#111111", $borderColor="#444444")
548
+ UpdateRelStyle(customer, bank, $textColor="#111111", $lineColor="#444444", $offsetY="-20")
549
+ UpdateRelStyle(bank, mail, $textColor="#111111", $lineColor="#444444", $offsetY="-20")
550
+ </pre>
551
+
552
+ <h2 id="s17">17. Sankey</h2>
553
+ <pre class="mermaid">
554
+ ---
555
+ config:
556
+ theme: base
557
+ themeVariables:
558
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
559
+ fontSize: 15px
560
+ textColor: "#111111"
561
+ sankey:
562
+ linkColor: gradient
563
+ labelStyle: outlined
564
+ nodeColors:
565
+ Traffic: "#8ECAFF"
566
+ Signup: "#8CE99A"
567
+ Bounce: "#FF8787"
568
+ Paid: "#FFD43B"
569
+ Free: "#D0BFFF"
570
+ ---
571
+ sankey
572
+
573
+ Traffic,Signup,60
574
+ Traffic,Bounce,40
575
+ Signup,Paid,25
576
+ Signup,Free,35
577
+ </pre>
578
+
579
+ <h2 id="s18">18. Block diagram</h2>
580
+ <pre class="mermaid">
581
+ ---
582
+ config:
583
+ theme: base
584
+ themeVariables:
585
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
586
+ fontSize: 15px
587
+ lineColor: "#444444"
588
+ textColor: "#111111"
589
+ primaryColor: "#8ECAFF"
590
+ primaryBorderColor: "#444444"
591
+ primaryTextColor: "#111111"
592
+ ---
593
+ block
594
+ columns 3
595
+ Frontend Backend Database[("Database")]
596
+ space:3
597
+ Cache[("Cache")]
598
+ Frontend --> Backend
599
+ Backend --> Database
600
+ Backend --> Cache
601
+
602
+ classDef step fill:#8ECAFF,stroke:#444444,stroke-width:2px,color:#111111
603
+ classDef data fill:#63E6BE,stroke:#444444,stroke-width:2px,color:#111111
604
+ class Frontend,Backend step
605
+ class Database,Cache data
606
+ </pre>
607
+
608
+ <h2 id="s19">19. Packet</h2>
609
+ <pre class="mermaid">
610
+ ---
611
+ config:
612
+ theme: base
613
+ themeVariables:
614
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
615
+ fontSize: 15px
616
+ textColor: "#111111"
617
+ ---
618
+ packet
619
+ title TCP header
620
+ 0-15: "Source Port"
621
+ 16-31: "Destination Port"
622
+ 32-63: "Sequence Number"
623
+ 64-95: "Acknowledgment Number"
624
+ </pre>
625
+
626
+ <h2 id="s20">20. Kanban</h2>
627
+ <pre class="mermaid">
628
+ ---
629
+ config:
630
+ theme: base
631
+ themeVariables:
632
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
633
+ fontSize: 15px
634
+ textColor: "#111111"
635
+ # Mermaid 11.16 maps Kanban column 1 to cScale2.
636
+ cScale2: "#339AF0"
637
+ cScale3: "#FAB005"
638
+ cScale4: "#40C057"
639
+ cScale5: "#9775FA"
640
+ cScaleLabel2: "#111111"
641
+ cScaleLabel3: "#111111"
642
+ cScaleLabel4: "#111111"
643
+ cScaleLabel5: "#111111"
644
+ ---
645
+ kanban
646
+ extract[Extract]
647
+ strings[Extract interface strings]@{ ticket: KIT-241, assigned: 'Lan', priority: 'High' }
648
+ verify[Verify]
649
+ glyphs[Check Vietnamese glyphs]@{ ticket: KIT-244, assigned: 'Minh', priority: 'Very High' }
650
+ keys[Validate catalog keys]@{ ticket: KIT-245, assigned: 'An', priority: 'High' }
651
+ review[Review]
652
+ translations[Review translations]@{ ticket: KIT-249, assigned: 'Hoa', priority: 'Low' }
653
+ ship[Ship]
654
+ catalogs[Publish language catalogs]@{ ticket: KIT-252, assigned: 'Vy', priority: 'Very Low' }
655
+ </pre>
656
+
657
+ <h2 id="s21">21. Architecture</h2>
658
+ <pre class="mermaid">
659
+ ---
660
+ config:
661
+ theme: base
662
+ themeVariables:
663
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
664
+ fontSize: 15px
665
+ lineColor: "#444444"
666
+ textColor: "#111111"
667
+ ---
668
+ architecture-beta
669
+ group api(cloud)[API]
670
+ service db(database)[Database] in api
671
+ service server(server)[Server] in api
672
+ service gateway(internet)[Gateway]
673
+ db:L -- R:server
674
+ gateway:R -- L:server
675
+ </pre>
676
+
677
+ <h2 id="s22">22. Radar</h2>
678
+ <pre class="mermaid">
679
+ ---
680
+ config:
681
+ theme: base
682
+ themeVariables:
683
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
684
+ fontSize: 15px
685
+ textColor: "#111111"
686
+ cScale0: "#8ECAFF"
687
+ cScale1: "#FF8787"
688
+ ---
689
+ radar-beta
690
+ title Team skills
691
+ axis c["Coding"], d["Design"], o["Ops"]
692
+ axis m["Comms"], l["Leadership"]
693
+ curve a["Ana"]{4, 3, 5, 2, 4}
694
+ curve b["Bob"]{2, 5, 3, 4, 3}
695
+ max 5
696
+ min 0
697
+ </pre>
698
+
699
+ <h2 id="s23">23. Event modeling</h2>
700
+ <pre class="mermaid">
701
+ ---
702
+ config:
703
+ theme: base
704
+ themeVariables:
705
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
706
+ fontSize: 15px
707
+ textColor: "#111111"
708
+ ---
709
+ eventmodeling
710
+
711
+ tf 01 ui CartUI
712
+ tf 02 cmd AddItem
713
+ tf 03 evt ItemAdded
714
+ tf 04 rmo CartView
715
+ </pre>
716
+
717
+ <h2 id="s24">24. Treemap</h2>
718
+ <pre class="mermaid">
719
+ ---
720
+ config:
721
+ theme: base
722
+ themeVariables:
723
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
724
+ fontSize: 15px
725
+ textColor: "#111111"
726
+ cScale0: "#8ECAFF"
727
+ cScale1: "#FFD43B"
728
+ cScale2: "#8CE99A"
729
+ ---
730
+ treemap-beta
731
+ "Frontend"
732
+ "Web": 40
733
+ "Mobile": 25
734
+ "Backend"
735
+ "API": 30
736
+ "Workers": 15
737
+ "Data"
738
+ "Warehouse": 20
739
+ </pre>
740
+
741
+ <h2 id="s25">25. Venn</h2>
742
+ <pre class="mermaid">
743
+ ---
744
+ config:
745
+ theme: base
746
+ themeVariables:
747
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
748
+ fontSize: 15px
749
+ textColor: "#111111"
750
+ ---
751
+ venn-beta
752
+ title Team overlap
753
+ set Frontend
754
+ set Backend
755
+ union Frontend,Backend["APIs"]
756
+ style Frontend fill:#8ECAFF,stroke:#444444,color:#111111,fill-opacity:0.6
757
+ style Backend fill:#8CE99A,stroke:#444444,color:#111111,fill-opacity:0.6
758
+ style Frontend,Backend color:#111111
759
+ </pre>
760
+
761
+ <h2 id="s26">26. Ishikawa</h2>
762
+ <pre class="mermaid">
763
+ ---
764
+ config:
765
+ theme: base
766
+ themeVariables:
767
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
768
+ fontSize: 15px
769
+ textColor: "#111111"
770
+ lineColor: "#444444"
771
+ ---
772
+ ishikawa-beta
773
+ Slow deploys
774
+ Process
775
+ Manual approvals
776
+ No caching
777
+ People
778
+ Few reviewers
779
+ Tooling
780
+ Old CI runners
781
+ </pre>
782
+
783
+ <h2 id="s27">27. Wardley map</h2>
784
+ <pre class="mermaid">
785
+ ---
786
+ config:
787
+ theme: base
788
+ themeVariables:
789
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
790
+ fontSize: 15px
791
+ textColor: "#111111"
792
+ lineColor: "#444444"
793
+ ---
794
+ wardley-beta
795
+ title Tea shop value chain
796
+ anchor Business [0.95, 0.63]
797
+ component Cup of Tea [0.79, 0.61]
798
+ component Hot Water [0.52, 0.80]
799
+ component Kettle [0.43, 0.35]
800
+ Business -> Cup of Tea
801
+ Cup of Tea -> Hot Water
802
+ Hot Water -> Kettle
803
+ evolve Kettle 0.62
804
+ </pre>
805
+
806
+ <h2 id="s28">28. Cynefin</h2>
807
+ <pre class="mermaid">
808
+ ---
809
+ config:
810
+ theme: base
811
+ themeVariables:
812
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
813
+ fontSize: 15px
814
+ textColor: "#111111"
815
+ ---
816
+ cynefin-beta
817
+ title Problem domains
818
+
819
+ complex
820
+ "New market experiment"
821
+
822
+ complicated
823
+ "Performance tuning"
824
+
825
+ clear
826
+ "Password reset flow"
827
+
828
+ chaotic
829
+ "Production outage"
830
+
831
+ confusion
832
+ "Unclassified incident"
833
+ </pre>
834
+
835
+ <h2 id="s29">29. TreeView</h2>
836
+ <pre class="mermaid">
837
+ ---
838
+ config:
839
+ theme: base
840
+ themeVariables:
841
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
842
+ fontSize: 15px
843
+ textColor: "#111111"
844
+ treeView:
845
+ labelColor: "#111111"
846
+ lineColor: "#444444"
847
+ ---
848
+ treeView-beta
849
+ my-project/
850
+ src/
851
+ index.ts
852
+ utils.ts
853
+ package.json
854
+ README.md
855
+ </pre>
856
+
857
+ <h2 id="s30">30. ZenUML (plugin required)</h2>
858
+ <!-- ZenUML header clips ~50px with any container stack (pre-existing plugin issue) -->
859
+ <pre class="mermaid">
860
+ zenuml
861
+ title Order flow
862
+ Client->Server.order() {
863
+ Server->DB.save()
864
+ }
865
+ </pre>
866
+
867
+ <h2 id="s31">31. Railroad (EBNF)</h2>
868
+ <pre class="mermaid">
869
+ ---
870
+ config:
871
+ theme: base
872
+ themeVariables:
873
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
874
+ fontSize: 15px
875
+ textColor: "#111111"
876
+ lineColor: "#444444"
877
+ ---
878
+ railroad-ebnf-beta
879
+ title "Digit Definition"
880
+
881
+ digit = "0" | "1" | "2" | "3" ;
882
+ number = digit , { digit } ;
883
+ </pre>
884
+
885
+ <h2 id="s32">32. Typography test — JetBrains Mono variant</h2>
886
+ <pre class="mermaid">
887
+ ---
888
+ config:
889
+ theme: base
890
+ themeVariables:
891
+ fontFamily: JetBrains Mono, Cascadia Code, Consolas, monospace
892
+ fontSize: 15px
893
+ lineColor: "#444444"
894
+ textColor: "#111111"
895
+ edgeLabelBackground: "#FFFFFF"
896
+ ---
897
+ flowchart TD
898
+ Start([Push to main]) --> Build(Build image)
899
+ Build --> Test(Run tests)
900
+ Test --> Q1{All green?}
901
+ Q1 -->|yes| Stage(Deploy to staging)
902
+ Q1 -->|no| Alert(Notify channel)
903
+ Alert --> End1([Abort])
904
+ Stage --> Q2{Smoke test OK?}
905
+ Q2 -->|yes| Prod(Deploy to prod)
906
+ Q2 -->|no| Roll(Rollback)
907
+ Roll --> Alert
908
+ Prod --> Done([Released])
909
+
910
+ classDef terminal fill:#111111,stroke:#444444,stroke-width:2px,color:#FFFFFF
911
+ classDef step fill:#8ECAFF,stroke:#444444,stroke-width:2px,color:#111111
912
+ classDef decision fill:#FFD43B,stroke:#444444,stroke-width:2px,color:#111111
913
+ classDef success fill:#8CE99A,stroke:#444444,stroke-width:2px,color:#111111
914
+ classDef danger fill:#FF8787,stroke:#444444,stroke-width:2px,color:#111111
915
+ linkStyle default stroke:#444444,stroke-width:1.5px
916
+
917
+ class Start,End1,Done terminal
918
+ class Build,Test,Stage step
919
+ class Q1,Q2 decision
920
+ class Prod success
921
+ class Alert,Roll danger
922
+ </pre>
923
+ <pre class="mermaid">
924
+ ---
925
+ config:
926
+ theme: base
927
+ themeVariables:
928
+ fontFamily: JetBrains Mono, Cascadia Code, Consolas, monospace
929
+ fontSize: 15px
930
+ lineColor: "#444444"
931
+ textColor: "#111111"
932
+ primaryColor: "#8ECAFF"
933
+ primaryTextColor: "#111111"
934
+ primaryBorderColor: "#444444"
935
+ tertiaryColor: "#FFF9DB"
936
+ ---
937
+ erDiagram
938
+ CUSTOMER ||--o{ ORDER : places
939
+ ORDER ||--|{ LINE_ITEM : contains
940
+ CUSTOMER {
941
+ int id PK
942
+ string name
943
+ }
944
+ ORDER {
945
+ int id PK
946
+ date created
947
+ }
948
+ LINE_ITEM {
949
+ int qty
950
+ }
951
+ </pre>
952
+
953
+ <h2 id="s33">33. Typography test — Vietnamese</h2>
954
+ <p>33a. Repro — default trebuchet stack with Vietnamese labels. Trebuchet MS has no Vietnamese
955
+ glyphs, so marked letters fall back to Verdana and each word mixes two typefaces — and labels
956
+ clip (canvas measure falls back differently than the DOM draw; ~34px measured here). Kept only
957
+ to show the failure — do not copy:</p>
958
+ <pre class="mermaid">
959
+ ---
960
+ config:
961
+ theme: base
962
+ themeVariables:
963
+ fontFamily: trebuchet ms, verdana, arial, sans-serif
964
+ fontSize: 16px
965
+ lineColor: "#444444"
966
+ textColor: "#111111"
967
+ edgeLabelBackground: "#FFFFFF"
968
+ ---
969
+ flowchart LR
970
+ Doc(Đọc yêu cầu triển khai) --> Kiem(Kiểm thử hệ thống dữ liệu)
971
+
972
+ classDef step fill:#8ECAFF,stroke:#444444,stroke-width:2px,color:#111111
973
+ linkStyle default stroke:#444444,stroke-width:1.5px
974
+ class Doc,Kiem step
975
+ </pre>
976
+ <p>33b. Sans option (segoe ui, verdana, arial) — Vietnamese-safe; no sans-serif generic,
977
+ the sanitizer voids dash tokens (mermaid#6256):</p>
978
+ <pre class="mermaid">
979
+ ---
980
+ config:
981
+ theme: base
982
+ themeVariables:
983
+ fontFamily: segoe ui, verdana, arial
984
+ fontSize: 16px
985
+ lineColor: "#444444"
986
+ textColor: "#111111"
987
+ edgeLabelBackground: "#FFFFFF"
988
+ ---
989
+ flowchart TD
990
+ Bat([Bắt đầu]) --> Doc(Đọc yêu cầu)
991
+ Doc --> Chuan(Chuẩn bị dữ liệu)
992
+ Chuan --> Kiem(Kiểm thử hệ thống)
993
+ Kiem --> San{Sẵn sàng vận hành?}
994
+ San -->|đạt| Tra(Thanh toán 500.000₫)
995
+ San -->|chưa đạt| Go(Gỡ lỗi phần mềm)
996
+ Go --> Kiem
997
+ Tra --> Xong([Hoàn tất])
998
+
999
+ classDef terminal fill:#111111,stroke:#444444,stroke-width:2px,color:#FFFFFF
1000
+ classDef step fill:#8ECAFF,stroke:#444444,stroke-width:2px,color:#111111
1001
+ classDef decision fill:#FFD43B,stroke:#444444,stroke-width:2px,color:#111111
1002
+ classDef success fill:#8CE99A,stroke:#444444,stroke-width:2px,color:#111111
1003
+ classDef danger fill:#FF8787,stroke:#444444,stroke-width:2px,color:#111111
1004
+ linkStyle default stroke:#444444,stroke-width:1.5px
1005
+
1006
+ class Bat,Xong terminal
1007
+ class Doc,Chuan,Kiem step
1008
+ class San decision
1009
+ class Tra success
1010
+ class Go danger
1011
+ </pre>
1012
+ <p>33c. Be Vietnam Pro web font — pages you control, loaded with a Vietnamese sample string:</p>
1013
+ <pre class="mermaid">
1014
+ ---
1015
+ config:
1016
+ theme: base
1017
+ themeVariables:
1018
+ fontFamily: Be Vietnam Pro, segoe ui, verdana, arial
1019
+ fontSize: 16px
1020
+ lineColor: "#444444"
1021
+ textColor: "#111111"
1022
+ edgeLabelBackground: "#FFFFFF"
1023
+ ---
1024
+ flowchart TD
1025
+ Bat([Bắt đầu]) --> Doc(Đọc yêu cầu)
1026
+ Doc --> Chuan(Chuẩn bị dữ liệu)
1027
+ Chuan --> Kiem(Kiểm thử hệ thống)
1028
+ Kiem --> San{Sẵn sàng vận hành?}
1029
+ San -->|đạt| Tra(Thanh toán 500.000₫)
1030
+ San -->|chưa đạt| Go(Gỡ lỗi phần mềm)
1031
+ Go --> Kiem
1032
+ Tra --> Xong([Hoàn tất])
1033
+
1034
+ classDef terminal fill:#111111,stroke:#444444,stroke-width:2px,color:#FFFFFF
1035
+ classDef step fill:#8ECAFF,stroke:#444444,stroke-width:2px,color:#111111
1036
+ classDef decision fill:#FFD43B,stroke:#444444,stroke-width:2px,color:#111111
1037
+ classDef success fill:#8CE99A,stroke:#444444,stroke-width:2px,color:#111111
1038
+ classDef danger fill:#FF8787,stroke:#444444,stroke-width:2px,color:#111111
1039
+ linkStyle default stroke:#444444,stroke-width:1.5px
1040
+
1041
+ class Bat,Xong terminal
1042
+ class Doc,Chuan,Kiem step
1043
+ class San decision
1044
+ class Tra success
1045
+ class Go danger
1046
+ </pre>
1047
+ <p>33d. Web-font mono with Vietnamese labels (JetBrains Mono, loaded with a Vietnamese sample):</p>
1048
+ <pre class="mermaid">
1049
+ ---
1050
+ config:
1051
+ theme: base
1052
+ themeVariables:
1053
+ fontFamily: JetBrains Mono, Cascadia Code, Consolas, monospace
1054
+ fontSize: 15px
1055
+ lineColor: "#444444"
1056
+ textColor: "#111111"
1057
+ edgeLabelBackground: "#FFFFFF"
1058
+ ---
1059
+ flowchart LR
1060
+ A(Đọc tệp cấu hình) --> B{Hợp lệ?}
1061
+ B -->|đúng| C(Ghi kết quả)
1062
+ B -->|sai| D(Báo lỗi — dừng)
1063
+
1064
+ classDef step fill:#8ECAFF,stroke:#444444,stroke-width:2px,color:#111111
1065
+ classDef decision fill:#FFD43B,stroke:#444444,stroke-width:2px,color:#111111
1066
+ classDef success fill:#8CE99A,stroke:#444444,stroke-width:2px,color:#111111
1067
+ classDef danger fill:#FF8787,stroke:#444444,stroke-width:2px,color:#111111
1068
+ linkStyle default stroke:#444444,stroke-width:1.5px
1069
+ class A step
1070
+ class B decision
1071
+ class C success
1072
+ class D danger
1073
+ </pre>
1074
+
1075
+ <h2 id="s34">34. Debug heat map</h2>
1076
+ <pre class="mermaid">
1077
+ ---
1078
+ config:
1079
+ securityLevel: strict
1080
+ theme: base
1081
+ themeVariables:
1082
+ fontFamily: cascadia mono, consolas, noto sans mono, menlo, monospace
1083
+ fontSize: 15px
1084
+ lineColor: "#444444"
1085
+ textColor: "#111111"
1086
+ edgeLabelBackground: "#FFFFFF"
1087
+ ---
1088
+ flowchart TD
1089
+ Incoming([Webhook received]) --> Signature{Signature valid?}
1090
+ Signature -->|no| Rejected([Reject request])
1091
+ Signature -->|yes| Dedupe(Build dedupe key)
1092
+ Dedupe --> Seen{Key already seen?}
1093
+ Seen -->|yes| Accepted([Acknowledge])
1094
+ Seen -->|no| Queue(Enqueue event)
1095
+ Queue --> Ledger(Write delivery ledger)
1096
+ Ledger --> Worker(Process event)
1097
+ Worker --> Complete([Complete])
1098
+
1099
+ classDef terminal fill:#111111,stroke:#444444,stroke-width:2px,color:#FFFFFF
1100
+ classDef riskHigh fill:#FA5252,stroke:#444444,stroke-width:2px,color:#111111
1101
+ classDef riskMed fill:#FFA94D,stroke:#444444,stroke-width:2px,color:#111111
1102
+ classDef normal fill:#8ECAFF,stroke:#444444,stroke-width:2px,color:#111111
1103
+ classDef verified fill:#8CE99A,stroke:#444444,stroke-width:2px,color:#111111
1104
+ linkStyle default stroke:#444444,stroke-width:1.5px
1105
+
1106
+ class Incoming,Rejected,Accepted,Complete terminal
1107
+ class Signature verified
1108
+ class Dedupe riskHigh
1109
+ class Queue riskMed
1110
+ class Seen,Ledger,Worker normal
1111
+ </pre>
1112
+
1113
+ <script type="module">
1114
+ import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11.16.0/dist/mermaid.esm.min.mjs';
1115
+ import zenuml from 'https://cdn.jsdelivr.net/npm/@mermaid-js/mermaid-zenuml@0.2.2/dist/mermaid-zenuml.esm.min.mjs';
1116
+ window.mermaid = mermaid;
1117
+ await mermaid.registerExternalDiagrams([zenuml]);
1118
+ mermaid.initialize({ startOnLoad: false, securityLevel: 'strict' });
1119
+ if (document.readyState !== 'complete') {
1120
+ await new Promise((r) => window.addEventListener('load', r));
1121
+ }
1122
+ // Web fonts must be fully loaded BEFORE mermaid measures text,
1123
+ // otherwise labels are measured with the fallback font and clip.
1124
+ // The Vietnamese sample string pulls the vietnamese unicode-range
1125
+ // files too — the default sample (a space) fetches latin only.
1126
+ const vnSample = 'Đọc dữ liệu, gỡ lỗi — 500.000₫';
1127
+ await Promise.all([
1128
+ document.fonts.load('15px "JetBrains Mono"', vnSample),
1129
+ document.fonts.load('16px "Be Vietnam Pro"', vnSample),
1130
+ ]);
1131
+ await document.fonts.ready;
1132
+ try {
1133
+ await mermaid.run();
1134
+ document.getElementById('render-status').textContent = 'Render status: PASS';
1135
+ } catch (e) {
1136
+ console.warn('mermaid run error:', e);
1137
+ document.getElementById('render-status').textContent = `Render status: FAIL — ${e.message}`;
1138
+ window.__mermaidError = String(e);
1139
+ }
1140
+ window.__mermaidDone = true;
1141
+ </script>
1142
+ </body>
1143
+ </html>