@litfamily/litopencode 1.0.7 → 1.0.10

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 (726) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/README-Ko-KR.md +348 -31
  3. package/README.md +347 -29
  4. package/dist/activation-primary-prompts.d.ts +1 -0
  5. package/dist/activation-primary-prompts.js +16 -0
  6. package/dist/activation-probe.js +4 -1
  7. package/dist/activation-prompt-utils.d.ts +1 -1
  8. package/dist/activation-routing.d.ts +6 -1
  9. package/dist/activation-routing.js +174 -16
  10. package/dist/activation-workflow-prompts.d.ts +1 -1
  11. package/dist/activation-workflow-prompts.js +18 -17
  12. package/dist/activation.d.ts +15 -8
  13. package/dist/activation.js +61 -7
  14. package/dist/agents/defaults.js +14 -6
  15. package/dist/cli/command-aliases.js +24 -22
  16. package/dist/cli/doctor.js +5 -0
  17. package/dist/cli/install-report.d.ts +1 -0
  18. package/dist/cli/install-report.js +4 -0
  19. package/dist/cli/install.js +7 -4
  20. package/dist/cli/managed-skill-assets.d.ts +1 -1
  21. package/dist/cli/managed-skill-assets.js +15 -5
  22. package/dist/cli/motion-runtime.d.ts +6 -0
  23. package/dist/cli/motion-runtime.js +46 -0
  24. package/dist/cli/native-skill-install.js +32 -9
  25. package/dist/cli/native-skill-integrity.js +1 -0
  26. package/dist/cli/native-skills.d.ts +2 -0
  27. package/dist/cli/native-skills.js +2 -1
  28. package/dist/cli/office-dependencies.d.ts +14 -0
  29. package/dist/cli/office-dependencies.js +24 -0
  30. package/dist/cli.js +13 -3
  31. package/dist/commands.d.ts +2 -11
  32. package/dist/commands.js +9 -17
  33. package/dist/deliverable-hedge-guard.d.ts +20 -21
  34. package/dist/deliverable-hedge-guard.js +234 -275
  35. package/dist/features.d.ts +81 -2
  36. package/dist/features.js +80 -13
  37. package/dist/hooks.d.ts +3 -2
  38. package/dist/hooks.js +4 -4
  39. package/dist/ignition.d.ts +1 -1
  40. package/dist/ignition.js +15 -4
  41. package/dist/index.d.ts +1 -1
  42. package/dist/index.js +1 -1
  43. package/dist/interface-handoff.d.ts +1 -0
  44. package/dist/interface-handoff.js +1 -0
  45. package/dist/jev-skill-hint.d.ts +48 -0
  46. package/dist/jev-skill-hint.js +291 -0
  47. package/dist/motion-image-reads.d.ts +6 -0
  48. package/dist/motion-image-reads.js +46 -0
  49. package/dist/server.js +38 -20
  50. package/dist/skill-renames.d.ts +4 -2
  51. package/dist/skill-renames.js +12 -4
  52. package/dist/skills.d.ts +31 -3
  53. package/dist/skills.js +53 -9
  54. package/dist/tools.js +4 -4
  55. package/docs/ab/S11/baseline-desktop.webp +0 -0
  56. package/docs/ab/S11/baseline-phone.webp +0 -0
  57. package/docs/ab/S11/lit-desktop.webp +0 -0
  58. package/docs/ab/S11/lit-phone.webp +0 -0
  59. package/docs/ab/S3/baseline-desktop.webp +0 -0
  60. package/docs/ab/S3/baseline-phone.webp +0 -0
  61. package/docs/ab/S3/lit-desktop.webp +0 -0
  62. package/docs/ab/S3/lit-phone.webp +0 -0
  63. package/docs/ab/S4/baseline-desktop.webp +0 -0
  64. package/docs/ab/S4/baseline-phone.webp +0 -0
  65. package/docs/ab/S4/lit-desktop.webp +0 -0
  66. package/docs/ab/S4/lit-phone.webp +0 -0
  67. package/docs/ab/S5/lit-slides.webp +0 -0
  68. package/docs/ab/S7/lit-diagram.webp +0 -0
  69. package/docs/ab/S8/baseline-slides.webp +0 -0
  70. package/docs/ab/S8/lit-slides.webp +0 -0
  71. package/docs/ab/S9/lit-pages.webp +0 -0
  72. package/docs/assets/cover-motion-still.webp +0 -0
  73. package/docs/assets/cover-motion.webp +0 -0
  74. package/docs/assets/readme/badge-version.svg +1 -1
  75. package/docs/assets/skills/autoconference.webp +0 -0
  76. package/docs/assets/skills/automatic-guards.webp +0 -0
  77. package/docs/assets/skills/autoresearch.webp +0 -0
  78. package/docs/assets/skills/browser-drive.webp +0 -0
  79. package/docs/assets/skills/debugging.webp +0 -0
  80. package/docs/assets/skills/deep-interview.webp +0 -0
  81. package/docs/assets/skills/doctor-installer.webp +0 -0
  82. package/docs/assets/skills/durable-litgoal.webp +0 -0
  83. package/docs/assets/skills/frontend-ui-ux.webp +0 -0
  84. package/docs/assets/skills/lit-burnoff-file.webp +0 -0
  85. package/docs/assets/skills/lit-burnoff.webp +0 -0
  86. package/docs/assets/skills/lit-code.webp +0 -0
  87. package/docs/assets/skills/lit-commit.webp +0 -0
  88. package/docs/assets/skills/lit-comprehend.webp +0 -0
  89. package/docs/assets/skills/lit-crucible.webp +0 -0
  90. package/docs/assets/skills/lit-diagram-drawer.webp +0 -0
  91. package/docs/assets/skills/lit-docx.webp +0 -0
  92. package/docs/assets/skills/lit-fetch.webp +0 -0
  93. package/docs/assets/skills/lit-handoff.webp +0 -0
  94. package/docs/assets/skills/lit-humanizer.webp +0 -0
  95. package/docs/assets/skills/lit-init.webp +0 -0
  96. package/docs/assets/skills/lit-plan.webp +0 -0
  97. package/docs/assets/skills/lit-pptx.webp +0 -0
  98. package/docs/assets/skills/lit-recap.webp +0 -0
  99. package/docs/assets/skills/lit-scientific-visualization.webp +0 -0
  100. package/docs/assets/skills/lit-typographic-motion.webp +0 -0
  101. package/docs/assets/skills/litresearch.webp +0 -0
  102. package/docs/assets/skills/litwork.webp +0 -0
  103. package/docs/assets/skills/lsp-setup.webp +0 -0
  104. package/docs/assets/skills/lsp.webp +0 -0
  105. package/docs/assets/skills/readme-studio.webp +0 -0
  106. package/docs/assets/skills/refactor.webp +0 -0
  107. package/docs/assets/skills/review-work.webp +0 -0
  108. package/docs/assets/skills/rules.webp +0 -0
  109. package/docs/assets/skills/start-work.webp +0 -0
  110. package/docs/assets/skills/structural-search.webp +0 -0
  111. package/docs/assets/skills/visual-qa.webp +0 -0
  112. package/docs/assets/skills/wikify.webp +0 -0
  113. package/docs/privacy.md +12 -0
  114. package/docs/reference-Ko-KR.md +44 -1
  115. package/docs/reference.md +49 -2
  116. package/package.json +1 -1
  117. package/rules/bundled-rules/lit-humanizer.md +12 -0
  118. package/skills/autoconference/SKILL.md +1 -1
  119. package/skills/autoconference/assets/report_template.md +1 -1
  120. package/skills/autoresearch/references/type-checklists.md +1 -1
  121. package/skills/browser-drive/SKILL.md +19 -5
  122. package/skills/browser-drive/scripts/capability-probe.mjs +26 -5
  123. package/skills/frontend-ui-ux/SKILL.md +10 -15
  124. package/skills/frontend-ui-ux/data/THIRD-PARTY-NOTICE.txt +10 -0
  125. package/skills/frontend-ui-ux/references/adaptive-layout.md +3 -11
  126. package/skills/frontend-ui-ux/references/brand-and-imagery.md +6 -11
  127. package/skills/frontend-ui-ux/references/complete-contract.md +10 -3
  128. package/skills/frontend-ui-ux/references/composition.md +1 -7
  129. package/skills/frontend-ui-ux/references/craft-floor.md +94 -0
  130. package/skills/frontend-ui-ux/references/creative-directions.md +1 -7
  131. package/skills/frontend-ui-ux/references/evidence-review.md +2 -12
  132. package/skills/frontend-ui-ux/references/implementation-platforms.md +1 -4
  133. package/skills/frontend-ui-ux/references/inclusive-interface.md +1 -3
  134. package/skills/frontend-ui-ux/references/interaction-motion.md +1 -7
  135. package/skills/frontend-ui-ux/references/motion-guide.md +125 -0
  136. package/skills/frontend-ui-ux/references/operating-lanes.md +2 -8
  137. package/skills/frontend-ui-ux/references/product-direction.md +1 -6
  138. package/skills/frontend-ui-ux/references/production.md +12 -5
  139. package/skills/frontend-ui-ux/references/redesign-playbook.md +1 -7
  140. package/skills/frontend-ui-ux/references/slop-register.md +103 -0
  141. package/skills/frontend-ui-ux/references/system-foundations.md +1 -8
  142. package/skills/frontend-ui-ux/references/taste-direction.md +4 -11
  143. package/skills/frontend-ui-ux/references/visual-language.md +1 -6
  144. package/skills/frontend-ui-ux/references/visual-reconstruction.md +2 -7
  145. package/skills/frontend-ui-ux/scripts/probe-page.mjs +326 -0
  146. package/skills/frontend-ui-ux/scripts/probe-server.mjs +24 -0
  147. package/skills/frontend-ui-ux/scripts/probe-static.mjs +42 -0
  148. package/skills/frontend-ui-ux/scripts/probe-thresholds.json +86 -0
  149. package/skills/frontend-ui-ux/scripts/probe.mjs +183 -0
  150. package/skills/lit-comprehend/SKILL.md +10 -11
  151. package/skills/lit-comprehend/references/artifact-template.md +2 -18
  152. package/skills/lit-comprehend/scripts/verify-explainer.ts +0 -14
  153. package/skills/lit-diagram-drawer/NOTICE.md +33 -0
  154. package/skills/lit-diagram-drawer/SKILL.md +101 -0
  155. package/skills/lit-diagram-drawer/assets/examples/type-architecture-dark.html +1 -0
  156. package/skills/lit-diagram-drawer/assets/examples/type-architecture-full.html +1 -0
  157. package/skills/lit-diagram-drawer/assets/examples/type-architecture-light.html +1 -0
  158. package/skills/lit-diagram-drawer/assets/examples/type-bar-dark.html +1 -0
  159. package/skills/lit-diagram-drawer/assets/examples/type-bar-full.html +1 -0
  160. package/skills/lit-diagram-drawer/assets/examples/type-bar-light.html +1 -0
  161. package/skills/lit-diagram-drawer/assets/examples/type-beeswarm-dark.html +1 -0
  162. package/skills/lit-diagram-drawer/assets/examples/type-beeswarm-full.html +1 -0
  163. package/skills/lit-diagram-drawer/assets/examples/type-beeswarm-light.html +1 -0
  164. package/skills/lit-diagram-drawer/assets/examples/type-bubble-dark.html +1 -0
  165. package/skills/lit-diagram-drawer/assets/examples/type-bubble-full.html +1 -0
  166. package/skills/lit-diagram-drawer/assets/examples/type-bubble-light.html +1 -0
  167. package/skills/lit-diagram-drawer/assets/examples/type-bump-dark.html +1 -0
  168. package/skills/lit-diagram-drawer/assets/examples/type-bump-full.html +1 -0
  169. package/skills/lit-diagram-drawer/assets/examples/type-bump-light.html +1 -0
  170. package/skills/lit-diagram-drawer/assets/examples/type-data-flow-dark.html +1 -0
  171. package/skills/lit-diagram-drawer/assets/examples/type-data-flow-full.html +1 -0
  172. package/skills/lit-diagram-drawer/assets/examples/type-data-flow-light.html +1 -0
  173. package/skills/lit-diagram-drawer/assets/examples/type-datalake-dark.html +1 -0
  174. package/skills/lit-diagram-drawer/assets/examples/type-datalake-full.html +1 -0
  175. package/skills/lit-diagram-drawer/assets/examples/type-datalake-light.html +1 -0
  176. package/skills/lit-diagram-drawer/assets/examples/type-db-schema-dark.html +1 -0
  177. package/skills/lit-diagram-drawer/assets/examples/type-db-schema-full.html +1 -0
  178. package/skills/lit-diagram-drawer/assets/examples/type-db-schema-light.html +1 -0
  179. package/skills/lit-diagram-drawer/assets/examples/type-dependency-dark.html +1 -0
  180. package/skills/lit-diagram-drawer/assets/examples/type-dependency-full.html +1 -0
  181. package/skills/lit-diagram-drawer/assets/examples/type-dependency-light.html +1 -0
  182. package/skills/lit-diagram-drawer/assets/examples/type-deployment-dark.html +1 -0
  183. package/skills/lit-diagram-drawer/assets/examples/type-deployment-full.html +1 -0
  184. package/skills/lit-diagram-drawer/assets/examples/type-deployment-light.html +1 -0
  185. package/skills/lit-diagram-drawer/assets/examples/type-dp-integration-dark.html +1 -0
  186. package/skills/lit-diagram-drawer/assets/examples/type-dp-integration-full.html +1 -0
  187. package/skills/lit-diagram-drawer/assets/examples/type-dp-integration-light.html +1 -0
  188. package/skills/lit-diagram-drawer/assets/examples/type-dp-security-matrix-dark.html +1 -0
  189. package/skills/lit-diagram-drawer/assets/examples/type-dp-security-matrix-full.html +1 -0
  190. package/skills/lit-diagram-drawer/assets/examples/type-dp-security-matrix-light.html +1 -0
  191. package/skills/lit-diagram-drawer/assets/examples/type-er-dark.html +1 -0
  192. package/skills/lit-diagram-drawer/assets/examples/type-er-full.html +1 -0
  193. package/skills/lit-diagram-drawer/assets/examples/type-er-light.html +1 -0
  194. package/skills/lit-diagram-drawer/assets/examples/type-fishbone-dark.html +1 -0
  195. package/skills/lit-diagram-drawer/assets/examples/type-fishbone-full.html +1 -0
  196. package/skills/lit-diagram-drawer/assets/examples/type-fishbone-light.html +1 -0
  197. package/skills/lit-diagram-drawer/assets/examples/type-flowchart-dark.html +1 -0
  198. package/skills/lit-diagram-drawer/assets/examples/type-flowchart-full.html +1 -0
  199. package/skills/lit-diagram-drawer/assets/examples/type-flowchart-light.html +1 -0
  200. package/skills/lit-diagram-drawer/assets/examples/type-gantt-dark.html +1 -0
  201. package/skills/lit-diagram-drawer/assets/examples/type-gantt-full.html +1 -0
  202. package/skills/lit-diagram-drawer/assets/examples/type-gantt-light.html +1 -0
  203. package/skills/lit-diagram-drawer/assets/examples/type-heatmap-dark.html +1 -0
  204. package/skills/lit-diagram-drawer/assets/examples/type-heatmap-full.html +1 -0
  205. package/skills/lit-diagram-drawer/assets/examples/type-heatmap-light.html +1 -0
  206. package/skills/lit-diagram-drawer/assets/examples/type-high-level-dark.html +1 -0
  207. package/skills/lit-diagram-drawer/assets/examples/type-high-level-full.html +1 -0
  208. package/skills/lit-diagram-drawer/assets/examples/type-high-level-light.html +1 -0
  209. package/skills/lit-diagram-drawer/assets/examples/type-high-level-vertical-dark.html +1 -0
  210. package/skills/lit-diagram-drawer/assets/examples/type-high-level-vertical-full.html +1 -0
  211. package/skills/lit-diagram-drawer/assets/examples/type-high-level-vertical-light.html +1 -0
  212. package/skills/lit-diagram-drawer/assets/examples/type-import-drawio-dark.html +1 -0
  213. package/skills/lit-diagram-drawer/assets/examples/type-import-drawio-full.html +1 -0
  214. package/skills/lit-diagram-drawer/assets/examples/type-import-drawio-light.html +1 -0
  215. package/skills/lit-diagram-drawer/assets/examples/type-import-excalidraw-dark.html +1 -0
  216. package/skills/lit-diagram-drawer/assets/examples/type-import-excalidraw-full.html +1 -0
  217. package/skills/lit-diagram-drawer/assets/examples/type-import-excalidraw-light.html +1 -0
  218. package/skills/lit-diagram-drawer/assets/examples/type-import-mermaid-dark.html +1 -0
  219. package/skills/lit-diagram-drawer/assets/examples/type-import-mermaid-full.html +1 -0
  220. package/skills/lit-diagram-drawer/assets/examples/type-import-mermaid-light.html +1 -0
  221. package/skills/lit-diagram-drawer/assets/examples/type-it-state-dark.html +1 -0
  222. package/skills/lit-diagram-drawer/assets/examples/type-it-state-full.html +1 -0
  223. package/skills/lit-diagram-drawer/assets/examples/type-it-state-light.html +1 -0
  224. package/skills/lit-diagram-drawer/assets/examples/type-journey-dark.html +1 -0
  225. package/skills/lit-diagram-drawer/assets/examples/type-journey-full.html +1 -0
  226. package/skills/lit-diagram-drawer/assets/examples/type-journey-light.html +1 -0
  227. package/skills/lit-diagram-drawer/assets/examples/type-kanban-dark.html +1 -0
  228. package/skills/lit-diagram-drawer/assets/examples/type-kanban-full.html +1 -0
  229. package/skills/lit-diagram-drawer/assets/examples/type-kanban-light.html +1 -0
  230. package/skills/lit-diagram-drawer/assets/examples/type-layers-dark.html +1 -0
  231. package/skills/lit-diagram-drawer/assets/examples/type-layers-full.html +1 -0
  232. package/skills/lit-diagram-drawer/assets/examples/type-layers-light.html +1 -0
  233. package/skills/lit-diagram-drawer/assets/examples/type-line-dark.html +1 -0
  234. package/skills/lit-diagram-drawer/assets/examples/type-line-full.html +1 -0
  235. package/skills/lit-diagram-drawer/assets/examples/type-line-light.html +1 -0
  236. package/skills/lit-diagram-drawer/assets/examples/type-loop-dark.html +1 -0
  237. package/skills/lit-diagram-drawer/assets/examples/type-loop-full.html +1 -0
  238. package/skills/lit-diagram-drawer/assets/examples/type-loop-light.html +1 -0
  239. package/skills/lit-diagram-drawer/assets/examples/type-loop-terminal-dark.html +1 -0
  240. package/skills/lit-diagram-drawer/assets/examples/type-loop-terminal-full.html +1 -0
  241. package/skills/lit-diagram-drawer/assets/examples/type-loop-terminal-light.html +1 -0
  242. package/skills/lit-diagram-drawer/assets/examples/type-marimekko-dark.html +1 -0
  243. package/skills/lit-diagram-drawer/assets/examples/type-marimekko-full.html +1 -0
  244. package/skills/lit-diagram-drawer/assets/examples/type-marimekko-light.html +1 -0
  245. package/skills/lit-diagram-drawer/assets/examples/type-medallion-dark.html +1 -0
  246. package/skills/lit-diagram-drawer/assets/examples/type-medallion-full.html +1 -0
  247. package/skills/lit-diagram-drawer/assets/examples/type-medallion-light.html +1 -0
  248. package/skills/lit-diagram-drawer/assets/examples/type-nested-dark.html +1 -0
  249. package/skills/lit-diagram-drawer/assets/examples/type-nested-full.html +1 -0
  250. package/skills/lit-diagram-drawer/assets/examples/type-nested-light.html +1 -0
  251. package/skills/lit-diagram-drawer/assets/examples/type-org-chart-dark.html +1 -0
  252. package/skills/lit-diagram-drawer/assets/examples/type-org-chart-full.html +1 -0
  253. package/skills/lit-diagram-drawer/assets/examples/type-org-chart-light.html +1 -0
  254. package/skills/lit-diagram-drawer/assets/examples/type-paved-road-animated-dark.html +1 -0
  255. package/skills/lit-diagram-drawer/assets/examples/type-paved-road-animated-full.html +1 -0
  256. package/skills/lit-diagram-drawer/assets/examples/type-paved-road-animated-light.html +1 -0
  257. package/skills/lit-diagram-drawer/assets/examples/type-polar-dark.html +1 -0
  258. package/skills/lit-diagram-drawer/assets/examples/type-polar-full.html +1 -0
  259. package/skills/lit-diagram-drawer/assets/examples/type-polar-light.html +1 -0
  260. package/skills/lit-diagram-drawer/assets/examples/type-policy-trace-animated-dark.html +1 -0
  261. package/skills/lit-diagram-drawer/assets/examples/type-policy-trace-animated-full.html +1 -0
  262. package/skills/lit-diagram-drawer/assets/examples/type-policy-trace-animated-light.html +1 -0
  263. package/skills/lit-diagram-drawer/assets/examples/type-process-dark.html +1 -0
  264. package/skills/lit-diagram-drawer/assets/examples/type-process-full.html +1 -0
  265. package/skills/lit-diagram-drawer/assets/examples/type-process-light.html +1 -0
  266. package/skills/lit-diagram-drawer/assets/examples/type-pyramid-dark.html +1 -0
  267. package/skills/lit-diagram-drawer/assets/examples/type-pyramid-full.html +1 -0
  268. package/skills/lit-diagram-drawer/assets/examples/type-pyramid-light.html +1 -0
  269. package/skills/lit-diagram-drawer/assets/examples/type-quadrant-consultant-dark.html +1 -0
  270. package/skills/lit-diagram-drawer/assets/examples/type-quadrant-consultant-full.html +1 -0
  271. package/skills/lit-diagram-drawer/assets/examples/type-quadrant-consultant-light.html +1 -0
  272. package/skills/lit-diagram-drawer/assets/examples/type-quadrant-dark.html +1 -0
  273. package/skills/lit-diagram-drawer/assets/examples/type-quadrant-full.html +1 -0
  274. package/skills/lit-diagram-drawer/assets/examples/type-quadrant-light.html +1 -0
  275. package/skills/lit-diagram-drawer/assets/examples/type-queue-animated-dark.html +1 -0
  276. package/skills/lit-diagram-drawer/assets/examples/type-queue-animated-full.html +1 -0
  277. package/skills/lit-diagram-drawer/assets/examples/type-queue-animated-light.html +1 -0
  278. package/skills/lit-diagram-drawer/assets/examples/type-radar-dark.html +1 -0
  279. package/skills/lit-diagram-drawer/assets/examples/type-radar-full.html +1 -0
  280. package/skills/lit-diagram-drawer/assets/examples/type-radar-light.html +1 -0
  281. package/skills/lit-diagram-drawer/assets/examples/type-ridgeline-dark.html +1 -0
  282. package/skills/lit-diagram-drawer/assets/examples/type-ridgeline-full.html +1 -0
  283. package/skills/lit-diagram-drawer/assets/examples/type-ridgeline-light.html +1 -0
  284. package/skills/lit-diagram-drawer/assets/examples/type-sankey-dark.html +1 -0
  285. package/skills/lit-diagram-drawer/assets/examples/type-sankey-full.html +1 -0
  286. package/skills/lit-diagram-drawer/assets/examples/type-sankey-light.html +1 -0
  287. package/skills/lit-diagram-drawer/assets/examples/type-scatter-dark.html +1 -0
  288. package/skills/lit-diagram-drawer/assets/examples/type-scatter-full.html +1 -0
  289. package/skills/lit-diagram-drawer/assets/examples/type-scatter-light.html +1 -0
  290. package/skills/lit-diagram-drawer/assets/examples/type-sequence-dark.html +1 -0
  291. package/skills/lit-diagram-drawer/assets/examples/type-sequence-full.html +1 -0
  292. package/skills/lit-diagram-drawer/assets/examples/type-sequence-light.html +1 -0
  293. package/skills/lit-diagram-drawer/assets/examples/type-sequence-oauth-dark.html +1 -0
  294. package/skills/lit-diagram-drawer/assets/examples/type-sequence-oauth-full.html +1 -0
  295. package/skills/lit-diagram-drawer/assets/examples/type-sequence-oauth-light.html +1 -0
  296. package/skills/lit-diagram-drawer/assets/examples/type-slopegraph-dark.html +1 -0
  297. package/skills/lit-diagram-drawer/assets/examples/type-slopegraph-full.html +1 -0
  298. package/skills/lit-diagram-drawer/assets/examples/type-slopegraph-light.html +1 -0
  299. package/skills/lit-diagram-drawer/assets/examples/type-state-dark.html +1 -0
  300. package/skills/lit-diagram-drawer/assets/examples/type-state-full.html +1 -0
  301. package/skills/lit-diagram-drawer/assets/examples/type-state-lifecycle-dark.html +1 -0
  302. package/skills/lit-diagram-drawer/assets/examples/type-state-lifecycle-full.html +1 -0
  303. package/skills/lit-diagram-drawer/assets/examples/type-state-lifecycle-light.html +1 -0
  304. package/skills/lit-diagram-drawer/assets/examples/type-state-light.html +1 -0
  305. package/skills/lit-diagram-drawer/assets/examples/type-story-map-dark.html +1 -0
  306. package/skills/lit-diagram-drawer/assets/examples/type-story-map-full.html +1 -0
  307. package/skills/lit-diagram-drawer/assets/examples/type-story-map-light.html +1 -0
  308. package/skills/lit-diagram-drawer/assets/examples/type-streamgraph-dark.html +1 -0
  309. package/skills/lit-diagram-drawer/assets/examples/type-streamgraph-full.html +1 -0
  310. package/skills/lit-diagram-drawer/assets/examples/type-streamgraph-light.html +1 -0
  311. package/skills/lit-diagram-drawer/assets/examples/type-swimlane-dark.html +1 -0
  312. package/skills/lit-diagram-drawer/assets/examples/type-swimlane-full.html +1 -0
  313. package/skills/lit-diagram-drawer/assets/examples/type-swimlane-light.html +1 -0
  314. package/skills/lit-diagram-drawer/assets/examples/type-timeline-dark.html +1 -0
  315. package/skills/lit-diagram-drawer/assets/examples/type-timeline-full.html +1 -0
  316. package/skills/lit-diagram-drawer/assets/examples/type-timeline-light.html +1 -0
  317. package/skills/lit-diagram-drawer/assets/examples/type-tree-block-decomposition-dark.html +1 -0
  318. package/skills/lit-diagram-drawer/assets/examples/type-tree-block-decomposition-full.html +1 -0
  319. package/skills/lit-diagram-drawer/assets/examples/type-tree-block-decomposition-light.html +1 -0
  320. package/skills/lit-diagram-drawer/assets/examples/type-tree-dark.html +1 -0
  321. package/skills/lit-diagram-drawer/assets/examples/type-tree-full.html +1 -0
  322. package/skills/lit-diagram-drawer/assets/examples/type-tree-light.html +1 -0
  323. package/skills/lit-diagram-drawer/assets/examples/type-treemap-dark.html +1 -0
  324. package/skills/lit-diagram-drawer/assets/examples/type-treemap-full.html +1 -0
  325. package/skills/lit-diagram-drawer/assets/examples/type-treemap-light.html +1 -0
  326. package/skills/lit-diagram-drawer/assets/examples/type-uml-class-dark.html +1 -0
  327. package/skills/lit-diagram-drawer/assets/examples/type-uml-class-full.html +1 -0
  328. package/skills/lit-diagram-drawer/assets/examples/type-uml-class-light.html +1 -0
  329. package/skills/lit-diagram-drawer/assets/examples/type-venn-dark.html +1 -0
  330. package/skills/lit-diagram-drawer/assets/examples/type-venn-full.html +1 -0
  331. package/skills/lit-diagram-drawer/assets/examples/type-venn-light.html +1 -0
  332. package/skills/lit-diagram-drawer/assets/examples/type-wardley-dark.html +1 -0
  333. package/skills/lit-diagram-drawer/assets/examples/type-wardley-full.html +1 -0
  334. package/skills/lit-diagram-drawer/assets/examples/type-wardley-light.html +1 -0
  335. package/skills/lit-diagram-drawer/assets/examples/type-waterfall-dark.html +1 -0
  336. package/skills/lit-diagram-drawer/assets/examples/type-waterfall-full.html +1 -0
  337. package/skills/lit-diagram-drawer/assets/examples/type-waterfall-light.html +1 -0
  338. package/skills/lit-diagram-drawer/assets/fonts/OFL.txt +94 -0
  339. package/skills/lit-diagram-drawer/assets/fonts/PretendardVariable.woff2 +0 -0
  340. package/skills/lit-diagram-drawer/assets/fonts/provenance.json +23 -0
  341. package/skills/lit-diagram-drawer/assets/icons.html +231 -0
  342. package/skills/lit-diagram-drawer/assets/licenses/devicon-MIT.txt +20 -0
  343. package/skills/lit-diagram-drawer/assets/licenses/diagram-design-MIT.txt +21 -0
  344. package/skills/lit-diagram-drawer/assets/licenses/log-z-MIT.txt +21 -0
  345. package/skills/lit-diagram-drawer/assets/licenses/simple-icons-CC0.md +30 -0
  346. package/skills/lit-diagram-drawer/assets/licenses/tabler-MIT.txt +21 -0
  347. package/skills/lit-diagram-drawer/examples/01-service-architecture/after.html +1 -0
  348. package/skills/lit-diagram-drawer/examples/01-service-architecture/brief.md +33 -0
  349. package/skills/lit-diagram-drawer/examples/02-release-decision/after.html +1 -0
  350. package/skills/lit-diagram-drawer/examples/02-release-decision/brief.md +18 -0
  351. package/skills/lit-diagram-drawer/examples/03-data-retention/after.html +1 -0
  352. package/skills/lit-diagram-drawer/examples/03-data-retention/brief.md +19 -0
  353. package/skills/lit-diagram-drawer/examples/04-oauth-sequence/after.html +1 -0
  354. package/skills/lit-diagram-drawer/examples/04-oauth-sequence/brief.md +17 -0
  355. package/skills/lit-diagram-drawer/examples/05-review-lanes/after.html +1 -0
  356. package/skills/lit-diagram-drawer/examples/05-review-lanes/brief.md +17 -0
  357. package/skills/lit-diagram-drawer/examples/06-rollout-gates/after.html +1 -0
  358. package/skills/lit-diagram-drawer/examples/06-rollout-gates/brief.md +17 -0
  359. package/skills/lit-diagram-drawer/examples/07-deployment-boundary/after.html +1 -0
  360. package/skills/lit-diagram-drawer/examples/07-deployment-boundary/brief.md +19 -0
  361. package/skills/lit-diagram-drawer/examples/08-policy-traces/after.html +1 -0
  362. package/skills/lit-diagram-drawer/examples/08-policy-traces/brief.md +20 -0
  363. package/skills/lit-diagram-drawer/references/accessibility.md +37 -0
  364. package/skills/lit-diagram-drawer/references/export.md +17 -0
  365. package/skills/lit-diagram-drawer/references/import-drawio.md +13 -0
  366. package/skills/lit-diagram-drawer/references/import-excalidraw.md +11 -0
  367. package/skills/lit-diagram-drawer/references/import-mermaid.md +12 -0
  368. package/skills/lit-diagram-drawer/references/import-schema.md +28 -0
  369. package/skills/lit-diagram-drawer/references/korean-typography.md +34 -0
  370. package/skills/lit-diagram-drawer/references/motion.md +29 -0
  371. package/skills/lit-diagram-drawer/references/office-pptx-docx.md +28 -0
  372. package/skills/lit-diagram-drawer/references/output-spec.md +48 -0
  373. package/skills/lit-diagram-drawer/references/primitive-annotation.md +12 -0
  374. package/skills/lit-diagram-drawer/references/primitive-icons.md +21 -0
  375. package/skills/lit-diagram-drawer/references/primitive-sketchy.md +11 -0
  376. package/skills/lit-diagram-drawer/references/primitive-terminal.md +11 -0
  377. package/skills/lit-diagram-drawer/references/profiles.md +24 -0
  378. package/skills/lit-diagram-drawer/references/semantic-patterns.md +27 -0
  379. package/skills/lit-diagram-drawer/references/style-guide.md +67 -0
  380. package/skills/lit-diagram-drawer/references/type-architecture.md +51 -0
  381. package/skills/lit-diagram-drawer/references/type-bar.md +51 -0
  382. package/skills/lit-diagram-drawer/references/type-beeswarm.md +49 -0
  383. package/skills/lit-diagram-drawer/references/type-bubble.md +49 -0
  384. package/skills/lit-diagram-drawer/references/type-bump.md +49 -0
  385. package/skills/lit-diagram-drawer/references/type-catalog.json +1433 -0
  386. package/skills/lit-diagram-drawer/references/type-data-flow.md +51 -0
  387. package/skills/lit-diagram-drawer/references/type-datalake.md +49 -0
  388. package/skills/lit-diagram-drawer/references/type-db-schema.md +49 -0
  389. package/skills/lit-diagram-drawer/references/type-dependency.md +49 -0
  390. package/skills/lit-diagram-drawer/references/type-deployment.md +49 -0
  391. package/skills/lit-diagram-drawer/references/type-dp-integration.md +49 -0
  392. package/skills/lit-diagram-drawer/references/type-dp-security-matrix.md +49 -0
  393. package/skills/lit-diagram-drawer/references/type-er.md +49 -0
  394. package/skills/lit-diagram-drawer/references/type-fishbone.md +49 -0
  395. package/skills/lit-diagram-drawer/references/type-flowchart.md +49 -0
  396. package/skills/lit-diagram-drawer/references/type-gantt.md +49 -0
  397. package/skills/lit-diagram-drawer/references/type-heatmap.md +53 -0
  398. package/skills/lit-diagram-drawer/references/type-high-level-vertical.md +53 -0
  399. package/skills/lit-diagram-drawer/references/type-high-level.md +53 -0
  400. package/skills/lit-diagram-drawer/references/type-import-drawio.md +53 -0
  401. package/skills/lit-diagram-drawer/references/type-import-excalidraw.md +53 -0
  402. package/skills/lit-diagram-drawer/references/type-import-mermaid.md +53 -0
  403. package/skills/lit-diagram-drawer/references/type-it-state.md +54 -0
  404. package/skills/lit-diagram-drawer/references/type-journey.md +54 -0
  405. package/skills/lit-diagram-drawer/references/type-kanban.md +54 -0
  406. package/skills/lit-diagram-drawer/references/type-layers.md +54 -0
  407. package/skills/lit-diagram-drawer/references/type-line.md +54 -0
  408. package/skills/lit-diagram-drawer/references/type-loop-terminal.md +53 -0
  409. package/skills/lit-diagram-drawer/references/type-loop.md +54 -0
  410. package/skills/lit-diagram-drawer/references/type-marimekko.md +54 -0
  411. package/skills/lit-diagram-drawer/references/type-medallion.md +54 -0
  412. package/skills/lit-diagram-drawer/references/type-nested.md +59 -0
  413. package/skills/lit-diagram-drawer/references/type-org-chart.md +58 -0
  414. package/skills/lit-diagram-drawer/references/type-paved-road-animated.md +72 -0
  415. package/skills/lit-diagram-drawer/references/type-polar.md +67 -0
  416. package/skills/lit-diagram-drawer/references/type-policy-trace-animated.md +69 -0
  417. package/skills/lit-diagram-drawer/references/type-process.md +58 -0
  418. package/skills/lit-diagram-drawer/references/type-pyramid.md +59 -0
  419. package/skills/lit-diagram-drawer/references/type-quadrant-consultant.md +60 -0
  420. package/skills/lit-diagram-drawer/references/type-quadrant.md +57 -0
  421. package/skills/lit-diagram-drawer/references/type-queue-animated.md +63 -0
  422. package/skills/lit-diagram-drawer/references/type-radar.md +57 -0
  423. package/skills/lit-diagram-drawer/references/type-ridgeline.md +63 -0
  424. package/skills/lit-diagram-drawer/references/type-sankey.md +68 -0
  425. package/skills/lit-diagram-drawer/references/type-scatter.md +60 -0
  426. package/skills/lit-diagram-drawer/references/type-sequence-oauth.md +66 -0
  427. package/skills/lit-diagram-drawer/references/type-sequence.md +63 -0
  428. package/skills/lit-diagram-drawer/references/type-slopegraph.md +65 -0
  429. package/skills/lit-diagram-drawer/references/type-state-lifecycle.md +53 -0
  430. package/skills/lit-diagram-drawer/references/type-state.md +59 -0
  431. package/skills/lit-diagram-drawer/references/type-story-map.md +52 -0
  432. package/skills/lit-diagram-drawer/references/type-streamgraph.md +53 -0
  433. package/skills/lit-diagram-drawer/references/type-swimlane.md +52 -0
  434. package/skills/lit-diagram-drawer/references/type-timeline.md +52 -0
  435. package/skills/lit-diagram-drawer/references/type-tree-block-decomposition.md +57 -0
  436. package/skills/lit-diagram-drawer/references/type-tree.md +54 -0
  437. package/skills/lit-diagram-drawer/references/type-treemap.md +54 -0
  438. package/skills/lit-diagram-drawer/references/type-uml-class.md +52 -0
  439. package/skills/lit-diagram-drawer/references/type-venn.md +51 -0
  440. package/skills/lit-diagram-drawer/references/type-wardley.md +52 -0
  441. package/skills/lit-diagram-drawer/references/type-waterfall.md +54 -0
  442. package/skills/lit-diagram-drawer/references/verifier-guide.md +59 -0
  443. package/skills/lit-diagram-drawer/scripts/block-registry.mjs +43 -0
  444. package/skills/lit-diagram-drawer/scripts/brief-contract.mjs +94 -0
  445. package/skills/lit-diagram-drawer/scripts/capability-probe.mjs +132 -0
  446. package/skills/lit-diagram-drawer/scripts/check-visible-text.mjs +15 -0
  447. package/skills/lit-diagram-drawer/scripts/craft-thresholds.json +15 -0
  448. package/skills/lit-diagram-drawer/scripts/diagram-metrics.mjs +216 -0
  449. package/skills/lit-diagram-drawer/scripts/doctor.mjs +8 -0
  450. package/skills/lit-diagram-drawer/scripts/drawio-extract.mjs +214 -0
  451. package/skills/lit-diagram-drawer/scripts/excalidraw-extract.mjs +151 -0
  452. package/skills/lit-diagram-drawer/scripts/export.mjs +133 -0
  453. package/skills/lit-diagram-drawer/scripts/import-shared.mjs +130 -0
  454. package/skills/lit-diagram-drawer/scripts/mermaid-extract.mjs +173 -0
  455. package/skills/lit-diagram-drawer/scripts/office-safety.mjs +120 -0
  456. package/skills/lit-diagram-drawer/scripts/renderer-safety.mjs +46 -0
  457. package/skills/lit-diagram-drawer/scripts/test-block-registry.mjs +20 -0
  458. package/skills/lit-diagram-drawer/scripts/test-brief-contract.mjs +27 -0
  459. package/skills/lit-diagram-drawer/scripts/test-importers.mjs +119 -0
  460. package/skills/lit-diagram-drawer/scripts/test-office-safety.mjs +67 -0
  461. package/skills/lit-diagram-drawer/scripts/test-sequence-verifier.mjs +28 -0
  462. package/skills/lit-diagram-drawer/scripts/test-visual-quality.mjs +68 -0
  463. package/skills/lit-diagram-drawer/scripts/verify-all.mjs +74 -0
  464. package/skills/lit-diagram-drawer/scripts/verify-brief.mjs +47 -0
  465. package/skills/lit-diagram-drawer/scripts/verify-coverage.mjs +56 -0
  466. package/skills/lit-diagram-drawer/scripts/verify-diagram.mjs +26 -0
  467. package/skills/lit-diagram-drawer/scripts/verify-motion.mjs +12 -0
  468. package/skills/lit-diagram-drawer/scripts/verify-type.mjs +48 -0
  469. package/skills/lit-diagram-drawer/scripts/visual-quality.mjs +363 -0
  470. package/skills/lit-docx/LICENSE-MIT.txt +21 -0
  471. package/skills/lit-docx/SKILL.md +78 -0
  472. package/skills/lit-docx/references/frontmatter_schema.md +42 -0
  473. package/skills/lit-docx/references/journal_style_spec.md +17 -0
  474. package/skills/lit-docx/references/markdown_quality_checklist.md +37 -0
  475. package/skills/lit-docx/references/slop_phrase_list.yaml +58 -0
  476. package/skills/lit-docx/references/slop_rules.md +35 -0
  477. package/skills/lit-docx/requirements.in +5 -0
  478. package/skills/lit-docx/requirements.lock +289 -0
  479. package/skills/lit-docx/run.py +64 -0
  480. package/skills/lit-docx/scripts/clean_markdown.py +95 -0
  481. package/skills/lit-docx/scripts/convert_md_to_docx.py +1047 -0
  482. package/skills/lit-docx/scripts/convert_md_to_pdf.py +281 -0
  483. package/skills/lit-docx/scripts/convert_pdf.py +130 -0
  484. package/skills/lit-docx/scripts/craft-thresholds.json +11 -0
  485. package/skills/lit-docx/scripts/craft_docx.py +83 -0
  486. package/skills/lit-docx/scripts/edit_docx.py +297 -0
  487. package/skills/lit-docx/scripts/embed_images.py +78 -0
  488. package/skills/lit-docx/scripts/generate_docx_templates.py +491 -0
  489. package/skills/lit-docx/scripts/slop_lint.py +485 -0
  490. package/skills/lit-docx/scripts/visual_audit.py +41 -0
  491. package/skills/lit-docx/templates/docx/acs.docx +0 -0
  492. package/skills/lit-docx/templates/docx/elsevier.docx +0 -0
  493. package/skills/lit-docx/templates/docx/ieee.docx +0 -0
  494. package/skills/lit-docx/templates/docx/korean-generic.docx +0 -0
  495. package/skills/lit-docx/templates/docx/nature.docx +0 -0
  496. package/skills/lit-docx/templates/latex/acs/README.md +5 -0
  497. package/skills/lit-docx/templates/latex/acs/template.tex +37 -0
  498. package/skills/lit-docx/templates/latex/elsevier/README.md +5 -0
  499. package/skills/lit-docx/templates/latex/elsevier/template.tex +38 -0
  500. package/skills/lit-docx/templates/latex/ieee/README.md +5 -0
  501. package/skills/lit-docx/templates/latex/ieee/template.tex +37 -0
  502. package/skills/lit-docx/templates/latex/korean-generic/README.md +5 -0
  503. package/skills/lit-docx/templates/latex/korean-generic/template.tex +37 -0
  504. package/skills/lit-docx/templates/latex/nature/README.md +5 -0
  505. package/skills/lit-docx/templates/latex/nature/template.tex +37 -0
  506. package/skills/lit-docx/templates/registry.yaml +1366 -0
  507. package/skills/lit-humanizer/NOTICE +160 -0
  508. package/skills/lit-humanizer/SKILL.md +122 -0
  509. package/skills/lit-humanizer/assets/always-on-rule.md +9 -0
  510. package/skills/lit-humanizer/assets/report-skeleton.md +25 -0
  511. package/skills/lit-humanizer/assets/slide-text-skeleton.md +28 -0
  512. package/skills/lit-humanizer/examples/accessibility-note/after.md +7 -0
  513. package/skills/lit-humanizer/examples/accessibility-note/before.md +7 -0
  514. package/skills/lit-humanizer/examples/api-reference/after.md +9 -0
  515. package/skills/lit-humanizer/examples/api-reference/before.md +15 -0
  516. package/skills/lit-humanizer/examples/changelog/after.md +5 -0
  517. package/skills/lit-humanizer/examples/changelog/before.md +12 -0
  518. package/skills/lit-humanizer/examples/code-comments/after.md +10 -0
  519. package/skills/lit-humanizer/examples/code-comments/before.md +19 -0
  520. package/skills/lit-humanizer/examples/commit/after.md +5 -0
  521. package/skills/lit-humanizer/examples/commit/before.md +7 -0
  522. package/skills/lit-humanizer/examples/data-release/after.md +7 -0
  523. package/skills/lit-humanizer/examples/data-release/before.md +9 -0
  524. package/skills/lit-humanizer/examples/english-essay/after.md +5 -0
  525. package/skills/lit-humanizer/examples/english-essay/before.md +5 -0
  526. package/skills/lit-humanizer/examples/incident-update/after.md +7 -0
  527. package/skills/lit-humanizer/examples/incident-update/before.md +7 -0
  528. package/skills/lit-humanizer/examples/ko-essay/after.md +7 -0
  529. package/skills/lit-humanizer/examples/ko-essay/before.md +9 -0
  530. package/skills/lit-humanizer/examples/ko-report/after.md +9 -0
  531. package/skills/lit-humanizer/examples/ko-report/before.md +13 -0
  532. package/skills/lit-humanizer/examples/ko-slide/after.md +19 -0
  533. package/skills/lit-humanizer/examples/ko-slide/before.md +21 -0
  534. package/skills/lit-humanizer/examples/meeting-brief/after.md +9 -0
  535. package/skills/lit-humanizer/examples/meeting-brief/before.md +11 -0
  536. package/skills/lit-humanizer/examples/policy-faq/after.md +9 -0
  537. package/skills/lit-humanizer/examples/policy-faq/before.md +9 -0
  538. package/skills/lit-humanizer/examples/pr/after.md +15 -0
  539. package/skills/lit-humanizer/examples/pr/before.md +17 -0
  540. package/skills/lit-humanizer/examples/project-update/after.md +7 -0
  541. package/skills/lit-humanizer/examples/project-update/before.md +9 -0
  542. package/skills/lit-humanizer/examples/readme/after.md +12 -0
  543. package/skills/lit-humanizer/examples/readme/before.md +14 -0
  544. package/skills/lit-humanizer/examples/report/after.md +13 -0
  545. package/skills/lit-humanizer/examples/report/before.md +11 -0
  546. package/skills/lit-humanizer/examples/research-abstract/after.md +5 -0
  547. package/skills/lit-humanizer/examples/research-abstract/before.md +5 -0
  548. package/skills/lit-humanizer/examples/slides/after.md +19 -0
  549. package/skills/lit-humanizer/examples/slides/before.md +19 -0
  550. package/skills/lit-humanizer/examples/troubleshooting/after.md +11 -0
  551. package/skills/lit-humanizer/examples/troubleshooting/before.md +11 -0
  552. package/skills/lit-humanizer/fixtures/ko-metrics-golden.json +49 -0
  553. package/skills/lit-humanizer/fixtures/office/minimal.docx +0 -0
  554. package/skills/lit-humanizer/fixtures/office/minimal.pptx +0 -0
  555. package/skills/lit-humanizer/fixtures/pos-real.txt +26 -0
  556. package/skills/lit-humanizer/fixtures/rule-cases.json +306 -0
  557. package/skills/lit-humanizer/references/code-patterns.md +468 -0
  558. package/skills/lit-humanizer/references/deliverable-channels.md +111 -0
  559. package/skills/lit-humanizer/references/en-patterns-checklist.md +43 -0
  560. package/skills/lit-humanizer/references/en-patterns-content.md +243 -0
  561. package/skills/lit-humanizer/references/en-patterns-structure.md +375 -0
  562. package/skills/lit-humanizer/references/en-patterns.md +57 -0
  563. package/skills/lit-humanizer/references/ko-metrics.md +33 -0
  564. package/skills/lit-humanizer/references/ko-patterns-a-d.md +659 -0
  565. package/skills/lit-humanizer/references/ko-patterns-e-j.md +387 -0
  566. package/skills/lit-humanizer/references/ko-patterns.md +31 -0
  567. package/skills/lit-humanizer/references/rewrite-playbook.md +54 -0
  568. package/skills/lit-humanizer/references/taxonomy.md +153 -0
  569. package/skills/lit-humanizer/rules.json +884 -0
  570. package/skills/lit-humanizer/scripts/core.mjs +208 -0
  571. package/skills/lit-humanizer/scripts/detect.mjs +91 -0
  572. package/skills/lit-humanizer/scripts/extract_office_text.py +89 -0
  573. package/skills/lit-humanizer/scripts/guard-scan.mjs +36 -0
  574. package/skills/lit-humanizer/scripts/ko-metrics.mjs +124 -0
  575. package/skills/lit-humanizer/scripts/test-fixtures.mjs +54 -0
  576. package/skills/lit-humanizer/scripts/test-ko-metrics.mjs +27 -0
  577. package/skills/lit-pptx/FORBIDDEN_TERMS.json +55 -0
  578. package/skills/lit-pptx/NOTICE.md +3 -0
  579. package/skills/lit-pptx/SKILL.md +76 -0
  580. package/skills/lit-pptx/agents/analyst.md +49 -0
  581. package/skills/lit-pptx/agents/antithesis.md +59 -0
  582. package/skills/lit-pptx/agents/architect.md +44 -0
  583. package/skills/lit-pptx/agents/critic.md +42 -0
  584. package/skills/lit-pptx/agents/synthesizer.md +47 -0
  585. package/skills/lit-pptx/agents/thesis.md +33 -0
  586. package/skills/lit-pptx/assets/azure/circle-lg.png +0 -0
  587. package/skills/lit-pptx/assets/azure/circle-md.png +0 -0
  588. package/skills/lit-pptx/assets/azure/circle-sm.png +0 -0
  589. package/skills/lit-pptx/fonts/a2z-font/A2Z-Black.otf +0 -0
  590. package/skills/lit-pptx/fonts/a2z-font/A2Z-Bold.otf +0 -0
  591. package/skills/lit-pptx/fonts/a2z-font/A2Z-Light.otf +0 -0
  592. package/skills/lit-pptx/fonts/a2z-font/A2Z-Medium.otf +0 -0
  593. package/skills/lit-pptx/fonts/a2z-font/A2Z-Regular.otf +0 -0
  594. package/skills/lit-pptx/fonts/a2z-font/OFL.txt +94 -0
  595. package/skills/lit-pptx/fonts/a2z-font/SOURCE.md +29 -0
  596. package/skills/lit-pptx/package-lock.json +747 -0
  597. package/skills/lit-pptx/package.json +13 -0
  598. package/skills/lit-pptx/pretendard-font/LICENSE.txt +94 -0
  599. package/skills/lit-pptx/pretendard-font/public/static/LitOpenCodeSans-Bold.otf +0 -0
  600. package/skills/lit-pptx/pretendard-font/public/static/LitOpenCodeSans-Regular.otf +0 -0
  601. package/skills/lit-pptx/requirements.in +2 -0
  602. package/skills/lit-pptx/requirements.lock +285 -0
  603. package/skills/lit-pptx/run.mjs +71 -0
  604. package/skills/lit-pptx/scripts/check_ooxml.py +47 -0
  605. package/skills/lit-pptx/scripts/compile-deck.js +447 -0
  606. package/skills/lit-pptx/scripts/craft-thresholds.json +26 -0
  607. package/skills/lit-pptx/scripts/craft_extras.py +224 -0
  608. package/skills/lit-pptx/scripts/embed_fonts.py +204 -0
  609. package/skills/lit-pptx/scripts/layout_inventory.py +70 -0
  610. package/skills/lit-pptx/scripts/learn_template.py +433 -0
  611. package/skills/lit-pptx/scripts/lib/derive-palette.js +176 -0
  612. package/skills/lit-pptx/scripts/lib/directive-parser.js +244 -0
  613. package/skills/lit-pptx/scripts/lib/font-map.js +79 -0
  614. package/skills/lit-pptx/scripts/lib/gen-bg.js +85 -0
  615. package/skills/lit-pptx/scripts/lib/gen-gradient-assets.js +36 -0
  616. package/skills/lit-pptx/scripts/lib/layout-resolver.js +737 -0
  617. package/skills/lit-pptx/scripts/lib/markdown-loader.js +136 -0
  618. package/skills/lit-pptx/scripts/lib/render-adapter-html.js +364 -0
  619. package/skills/lit-pptx/scripts/lib/render-adapter-pptx.js +1848 -0
  620. package/skills/lit-pptx/scripts/lib/slide-ast.js +534 -0
  621. package/skills/lit-pptx/scripts/lib/spec-validator.js +94 -0
  622. package/skills/lit-pptx/scripts/lib/template-registry.js +355 -0
  623. package/skills/lit-pptx/scripts/qa_deck.py +773 -0
  624. package/skills/lit-pptx/scripts/validate_pptx.py +206 -0
  625. package/skills/lit-pptx/specs/markdown-slide-spec-v1.md +251 -0
  626. package/skills/lit-pptx/specs/markdown-slide-spec-v2.md +223 -0
  627. package/skills/lit-pptx/specs/slide-ast-v1.schema.json +229 -0
  628. package/skills/lit-pptx/specs/slide-ast-v2.schema.json +144 -0
  629. package/skills/lit-pptx/specs/template-enrollment-contract.md +379 -0
  630. package/skills/lit-pptx/templates/bauhaus_light.css +4 -0
  631. package/skills/lit-pptx/templates/boilerplate_professional.css +508 -0
  632. package/skills/lit-pptx/templates/enrolled/AZURE-A2Z/capabilities.yaml +146 -0
  633. package/skills/lit-pptx/templates/enrolled/AZURE-A2Z/layout-mapping.yaml +454 -0
  634. package/skills/lit-pptx/templates/enrolled/AZURE-A2Z/template.yaml +37 -0
  635. package/skills/lit-pptx/templates/enrolled/AZURE-PRO/capabilities.yaml +154 -0
  636. package/skills/lit-pptx/templates/enrolled/AZURE-PRO/layout-mapping.yaml +483 -0
  637. package/skills/lit-pptx/templates/enrolled/AZURE-PRO/template.yaml +37 -0
  638. package/skills/lit-pptx/templates/enrolled/BOILERPLATE-A2Z/capabilities.yaml +179 -0
  639. package/skills/lit-pptx/templates/enrolled/BOILERPLATE-A2Z/layout-mapping.yaml +299 -0
  640. package/skills/lit-pptx/templates/enrolled/BOILERPLATE-A2Z/template.yaml +45 -0
  641. package/skills/lit-pptx/templates/enrolled/BOILERPLATE-PRETENDARD/capabilities.yaml +181 -0
  642. package/skills/lit-pptx/templates/enrolled/BOILERPLATE-PRETENDARD/layout-mapping.yaml +299 -0
  643. package/skills/lit-pptx/templates/enrolled/BOILERPLATE-PRETENDARD/template.yaml +44 -0
  644. package/skills/lit-scientific-visualization/SKILL.md +2 -0
  645. package/skills/lit-typographic-motion/NOTICE +23 -0
  646. package/skills/lit-typographic-motion/SKILL.md +77 -0
  647. package/skills/lit-typographic-motion/THIRD_PARTY_NOTICES +25 -0
  648. package/skills/lit-typographic-motion/audio-analysis.py +52 -0
  649. package/skills/lit-typographic-motion/engine/browser.mjs +83 -0
  650. package/skills/lit-typographic-motion/engine/constants.mjs +177 -0
  651. package/skills/lit-typographic-motion/engine/contrast.mjs +101 -0
  652. package/skills/lit-typographic-motion/engine/encode.mjs +46 -0
  653. package/skills/lit-typographic-motion/engine/flash.mjs +216 -0
  654. package/skills/lit-typographic-motion/engine/look.mjs +166 -0
  655. package/skills/lit-typographic-motion/engine/page/common.js +105 -0
  656. package/skills/lit-typographic-motion/engine/page/engine.js +451 -0
  657. package/skills/lit-typographic-motion/engine/page/gl.js +213 -0
  658. package/skills/lit-typographic-motion/engine/page/lines.js +88 -0
  659. package/skills/lit-typographic-motion/engine/page/passes.js +144 -0
  660. package/skills/lit-typographic-motion/engine/page/post.js +119 -0
  661. package/skills/lit-typographic-motion/engine/page/scenes.js +187 -0
  662. package/skills/lit-typographic-motion/engine/page/type.js +321 -0
  663. package/skills/lit-typographic-motion/engine/png.mjs +139 -0
  664. package/skills/lit-typographic-motion/engine/sound.mjs +291 -0
  665. package/skills/lit-typographic-motion/engine/stage/capture.mjs +133 -0
  666. package/skills/lit-typographic-motion/engine/stage/clock.js +171 -0
  667. package/skills/lit-typographic-motion/engine/stage/frame-worker.mjs +47 -0
  668. package/skills/lit-typographic-motion/engine/stage/gate.mjs +119 -0
  669. package/skills/lit-typographic-motion/engine/stage/qa-page.js +158 -0
  670. package/skills/lit-typographic-motion/engine/stage/qa.mjs +208 -0
  671. package/skills/lit-typographic-motion/engine/stage/render.mjs +418 -0
  672. package/skills/lit-typographic-motion/engine/stage/scan.mjs +162 -0
  673. package/skills/lit-typographic-motion/engine/stage/stage-kit.js +310 -0
  674. package/skills/lit-typographic-motion/engine/stills.mjs +60 -0
  675. package/skills/lit-typographic-motion/engine/text.mjs +126 -0
  676. package/skills/lit-typographic-motion/engine/timing.mjs +289 -0
  677. package/skills/lit-typographic-motion/engine/treatment.mjs +254 -0
  678. package/skills/lit-typographic-motion/fonts/Archivo-100-400.ttf +0 -0
  679. package/skills/lit-typographic-motion/fonts/Archivo-100-700.ttf +0 -0
  680. package/skills/lit-typographic-motion/fonts/Archivo-100-900.ttf +0 -0
  681. package/skills/lit-typographic-motion/fonts/Archivo-125-400.ttf +0 -0
  682. package/skills/lit-typographic-motion/fonts/Archivo-125-700.ttf +0 -0
  683. package/skills/lit-typographic-motion/fonts/Archivo-125-900.ttf +0 -0
  684. package/skills/lit-typographic-motion/fonts/Archivo-75-400.ttf +0 -0
  685. package/skills/lit-typographic-motion/fonts/Archivo-75-700.ttf +0 -0
  686. package/skills/lit-typographic-motion/fonts/Archivo-75-900.ttf +0 -0
  687. package/skills/lit-typographic-motion/fonts/Archivo-OFL.txt +93 -0
  688. package/skills/lit-typographic-motion/fonts/Silkscreen-Bold.ttf +0 -0
  689. package/skills/lit-typographic-motion/fonts/Silkscreen-OFL.txt +93 -0
  690. package/skills/lit-typographic-motion/fonts/Silkscreen-Regular.ttf +0 -0
  691. package/skills/lit-typographic-motion/fonts/VT323-OFL.txt +93 -0
  692. package/skills/lit-typographic-motion/fonts/VT323-Regular.ttf +0 -0
  693. package/skills/lit-typographic-motion/fonts/pins.json +44 -0
  694. package/skills/lit-typographic-motion/fonts/stroke/CREDITS +52 -0
  695. package/skills/lit-typographic-motion/fonts/stroke/EMSAllure.svg +216 -0
  696. package/skills/lit-typographic-motion/fonts/stroke/EMSFelix.svg +216 -0
  697. package/skills/lit-typographic-motion/fonts/stroke/EMSOsmotron.svg +216 -0
  698. package/skills/lit-typographic-motion/fonts/stroke/EMSReadability.svg +216 -0
  699. package/skills/lit-typographic-motion/fonts/stroke/EMSTech.svg +217 -0
  700. package/skills/lit-typographic-motion/fonts/stroke/OFL.txt +85 -0
  701. package/skills/lit-typographic-motion/gate.mjs +593 -0
  702. package/skills/lit-typographic-motion/package-lock.json +78 -0
  703. package/skills/lit-typographic-motion/package.json +11 -0
  704. package/skills/lit-typographic-motion/probe.mjs +74 -0
  705. package/skills/lit-typographic-motion/references/authoring.md +110 -0
  706. package/skills/lit-typographic-motion/references/craft-loop.md +110 -0
  707. package/skills/lit-typographic-motion/references/runtime.md +88 -0
  708. package/skills/lit-typographic-motion/references/stage.md +164 -0
  709. package/skills/lit-typographic-motion/references/style-bibles.md +88 -0
  710. package/skills/lit-typographic-motion/references/treatment.md +143 -0
  711. package/skills/lit-typographic-motion/references/type-craft.md +55 -0
  712. package/skills/lit-typographic-motion/render.mjs +654 -0
  713. package/skills/lit-typographic-motion/requirements-audio.in +1 -0
  714. package/skills/lit-typographic-motion/requirements-audio.txt +790 -0
  715. package/skills/lit-typographic-motion/runtime.mjs +259 -0
  716. package/skills/lit-typographic-motion/word-timing-models.json +25 -0
  717. package/skills/litresearch/SKILL.md +41 -12
  718. package/skills/managed-skill-manifest.json +2367 -63
  719. package/skills/skill-rename-aliases.json +6 -1
  720. package/tools/check-pack-payload.mjs +22 -1
  721. package/tools/check-payload-substance.mjs +2 -2
  722. package/tools/payload-reference-exemptions.json +4 -0
  723. package/tools/payload-substance-allowlist.json +2 -3
  724. package/tools/payload-substance-parity.json +7 -7
  725. package/tools/version-manifests.json +2 -8
  726. package/skills/lit-korean/SKILL.md +0 -231
package/skills/lit-diagram-drawer/assets/examples/type-ridgeline-dark.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Ridgeline chart · dark</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#17232d;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="ridgeline" data-variant="dark"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-ridgeline-dark" viewBox="0 0 1080 640" role="img" aria-labelledby="title-ridgeline-dark desc-ridgeline-dark"><title id="title-ridgeline-dark">Ridgeline chart</title><desc id="desc-ridgeline-dark">Compare distributions across aligned groups. A compact, static example for the ridgeline layout.</desc><defs><marker id="arrow-ridgeline-dark" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#ff9a70"/></marker></defs><rect width="1080" height="640" fill="#17232d"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#bac7cf">RIDGELINE CHART</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#f1f4f5">Ridgeline chart</text><line x1="180" y1="480" x2="930" y2="480" stroke="#52636f" stroke-width="2"/><line x1="180" y1="220" x2="180" y2="480" stroke="#52636f" stroke-width="2"/><polyline points="230,420 360,385 480,400 600,315 720,335 850,260" fill="none" stroke="#ff9a70" stroke-width="4"/><circle cx="230" cy="420" r="5" fill="#ff9a70"/><circle cx="360" cy="385" r="5" fill="#ff9a70"/><circle cx="480" cy="400" r="5" fill="#ff9a70"/><circle cx="600" cy="315" r="5" fill="#ff9a70"/><circle cx="720" cy="335" r="5" fill="#ff9a70"/><circle cx="850" cy="260" r="5" fill="#ff9a70"/><text x="275" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#bac7cf">North</text><text x="445" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#bac7cf">East</text><text x="615" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#bac7cf">South</text><text x="785" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#bac7cf">West</text><line x1="88" y1="568" x2="992" y2="568" stroke="#52636f" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-ridgeline-full.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Ridgeline chart · full</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="ridgeline" data-variant="full"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-ridgeline-full" viewBox="0 0 1080 640" role="img" aria-labelledby="title-ridgeline-full desc-ridgeline-full"><title id="title-ridgeline-full">Ridgeline chart</title><desc id="desc-ridgeline-full">Compare distributions across aligned groups. A compact, static example for the ridgeline layout.</desc><defs><marker id="arrow-ridgeline-full" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="88" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">RIDGELINE CHART</text><text x="88" y="128" text-anchor="start" font-family="Pretendard, sans-serif" font-size="31" font-weight="600" fill="#202a33">Ridgeline chart</text><text x="88" y="158" text-anchor="start" font-family="Pretendard, sans-serif" font-size="14" font-weight="400" fill="#53616c">Compare distributions across aligned groups.</text><line x1="180" y1="480" x2="930" y2="480" stroke="#c9d1d5" stroke-width="2"/><line x1="180" y1="220" x2="180" y2="480" stroke="#c9d1d5" stroke-width="2"/><polyline points="230,420 360,385 480,400 600,315 720,335 850,260" fill="none" stroke="#b9492b" stroke-width="4"/><circle cx="230" cy="420" r="5" fill="#b9492b"/><circle cx="360" cy="385" r="5" fill="#b9492b"/><circle cx="480" cy="400" r="5" fill="#b9492b"/><circle cx="600" cy="315" r="5" fill="#b9492b"/><circle cx="720" cy="335" r="5" fill="#b9492b"/><circle cx="850" cy="260" r="5" fill="#b9492b"/><text x="275" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">North</text><text x="445" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">East</text><text x="615" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">South</text><text x="785" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">West</text><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-ridgeline-light.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Ridgeline chart · light</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="ridgeline" data-variant="light"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-ridgeline-light" viewBox="0 0 1080 640" role="img" aria-labelledby="title-ridgeline-light desc-ridgeline-light"><title id="title-ridgeline-light">Ridgeline chart</title><desc id="desc-ridgeline-light">Compare distributions across aligned groups. A compact, static example for the ridgeline layout.</desc><defs><marker id="arrow-ridgeline-light" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">RIDGELINE CHART</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#202a33">Ridgeline chart</text><line x1="180" y1="480" x2="930" y2="480" stroke="#c9d1d5" stroke-width="2"/><line x1="180" y1="220" x2="180" y2="480" stroke="#c9d1d5" stroke-width="2"/><polyline points="230,420 360,385 480,400 600,315 720,335 850,260" fill="none" stroke="#b9492b" stroke-width="4"/><circle cx="230" cy="420" r="5" fill="#b9492b"/><circle cx="360" cy="385" r="5" fill="#b9492b"/><circle cx="480" cy="400" r="5" fill="#b9492b"/><circle cx="600" cy="315" r="5" fill="#b9492b"/><circle cx="720" cy="335" r="5" fill="#b9492b"/><circle cx="850" cy="260" r="5" fill="#b9492b"/><text x="275" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">North</text><text x="445" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">East</text><text x="615" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">South</text><text x="785" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">West</text><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-sankey-dark.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Sankey chart · dark</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#17232d;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="sankey" data-variant="dark"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-sankey-dark" viewBox="0 0 1080 640" role="img" aria-labelledby="title-sankey-dark desc-sankey-dark"><title id="title-sankey-dark">Sankey chart</title><desc id="desc-sankey-dark">Show quantities splitting or merging with proportional band width. A compact, static example for the sankey layout.</desc><defs><marker id="arrow-sankey-dark" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#ff9a70"/></marker></defs><rect width="1080" height="640" fill="#17232d"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#bac7cf">SANKEY CHART</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#f1f4f5">Sankey chart</text><rect x="170" y="250" width="118" height="42" rx="1" fill="#243440" stroke="#52636f" stroke-width="1.5"/><text x="229" y="276" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#f1f4f5">Source 1</text><path d="M288 271 C420 271 470 330 600 330" fill="none" stroke="#52636f" stroke-width="10"/><rect x="170" y="328" width="118" height="42" rx="1" fill="#243440" stroke="#52636f" stroke-width="1.5"/><text x="229" y="354" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#f1f4f5">Source 2</text><path d="M288 349 C420 349 470 330 600 330" fill="none" stroke="#ff9a70" stroke-width="18"/><rect x="170" y="406" width="118" height="42" rx="1" fill="#243440" stroke="#52636f" stroke-width="1.5"/><text x="229" y="432" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#f1f4f5">Source 3</text><path d="M288 427 C420 427 470 330 600 330" fill="none" stroke="#52636f" stroke-width="10"/><rect x="600" y="275" width="170" height="110" rx="1" fill="#553a34" stroke="#ff9a70" stroke-width="1.5"/><text x="685" y="335" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="15" font-weight="500" fill="#f1f4f5">Shared flow</text><line x1="770" y1="330" x2="880" y2="330" stroke="#52636f" stroke-width="8"/><rect x="880" y="295" width="118" height="70" rx="1" fill="#243440" stroke="#52636f" stroke-width="1.5"/><text x="939" y="335" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#f1f4f5">Outcome</text><line x1="88" y1="568" x2="992" y2="568" stroke="#52636f" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-sankey-full.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Sankey chart · full</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="sankey" data-variant="full"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-sankey-full" viewBox="0 0 1080 640" role="img" aria-labelledby="title-sankey-full desc-sankey-full"><title id="title-sankey-full">Sankey chart</title><desc id="desc-sankey-full">Show quantities splitting or merging with proportional band width. A compact, static example for the sankey layout.</desc><defs><marker id="arrow-sankey-full" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="88" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">SANKEY CHART</text><text x="88" y="128" text-anchor="start" font-family="Pretendard, sans-serif" font-size="31" font-weight="600" fill="#202a33">Sankey chart</text><rect x="170" y="250" width="118" height="42" rx="1" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="229" y="276" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#202a33">Source 1</text><path d="M288 271 C420 271 470 330 600 330" fill="none" stroke="#c9d1d5" stroke-width="10"/><rect x="170" y="328" width="118" height="42" rx="1" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="229" y="354" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#202a33">Source 2</text><path d="M288 349 C420 349 470 330 600 330" fill="none" stroke="#b9492b" stroke-width="18"/><rect x="170" y="406" width="118" height="42" rx="1" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="229" y="432" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#202a33">Source 3</text><path d="M288 427 C420 427 470 330 600 330" fill="none" stroke="#c9d1d5" stroke-width="10"/><rect x="600" y="275" width="170" height="110" rx="1" fill="#f0e2dc" stroke="#b9492b" stroke-width="1.5"/><text x="685" y="335" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="15" font-weight="500" fill="#202a33">Shared flow</text><line x1="770" y1="330" x2="880" y2="330" stroke="#c9d1d5" stroke-width="8"/><rect x="880" y="295" width="118" height="70" rx="1" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="939" y="335" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#202a33">Outcome</text><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-sankey-light.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Sankey chart · light</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="sankey" data-variant="light"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-sankey-light" viewBox="0 0 1080 640" role="img" aria-labelledby="title-sankey-light desc-sankey-light"><title id="title-sankey-light">Sankey chart</title><desc id="desc-sankey-light">Show quantities splitting or merging with proportional band width. A compact, static example for the sankey layout.</desc><defs><marker id="arrow-sankey-light" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">SANKEY CHART</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#202a33">Sankey chart</text><rect x="170" y="250" width="118" height="42" rx="1" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="229" y="276" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#202a33">Source 1</text><path d="M288 271 C420 271 470 330 600 330" fill="none" stroke="#c9d1d5" stroke-width="10"/><rect x="170" y="328" width="118" height="42" rx="1" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="229" y="354" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#202a33">Source 2</text><path d="M288 349 C420 349 470 330 600 330" fill="none" stroke="#b9492b" stroke-width="18"/><rect x="170" y="406" width="118" height="42" rx="1" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="229" y="432" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#202a33">Source 3</text><path d="M288 427 C420 427 470 330 600 330" fill="none" stroke="#c9d1d5" stroke-width="10"/><rect x="600" y="275" width="170" height="110" rx="1" fill="#f0e2dc" stroke="#b9492b" stroke-width="1.5"/><text x="685" y="335" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="15" font-weight="500" fill="#202a33">Shared flow</text><line x1="770" y1="330" x2="880" y2="330" stroke="#c9d1d5" stroke-width="8"/><rect x="880" y="295" width="118" height="70" rx="1" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="939" y="335" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#202a33">Outcome</text><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-scatter-dark.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Scatter plot · dark</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#17232d;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="scatter" data-variant="dark"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-scatter-dark" viewBox="0 0 1080 640" role="img" aria-labelledby="title-scatter-dark desc-scatter-dark"><title id="title-scatter-dark">Scatter plot</title><desc id="desc-scatter-dark">Show the relationship or distribution of two quantitative variables. A compact, static example for the scatter layout.</desc><defs><marker id="arrow-scatter-dark" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#ff9a70"/></marker></defs><rect width="1080" height="640" fill="#17232d"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#bac7cf">SCATTER PLOT</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#f1f4f5">Scatter plot</text><line x1="180" y1="480" x2="930" y2="480" stroke="#52636f" stroke-width="2"/><line x1="180" y1="220" x2="180" y2="480" stroke="#52636f" stroke-width="2"/><rect x="230" y="420" width="70" height="60" rx="1" fill="#344954" stroke="#52636f" stroke-width="1.5"/><rect x="360" y="385" width="70" height="95" rx="1" fill="#344954" stroke="#52636f" stroke-width="1.5"/><rect x="480" y="400" width="70" height="80" rx="1" fill="#344954" stroke="#52636f" stroke-width="1.5"/><rect x="600" y="315" width="70" height="165" rx="1" fill="#344954" stroke="#52636f" stroke-width="1.5"/><rect x="720" y="335" width="70" height="145" rx="1" fill="#553a34" stroke="#ff9a70" stroke-width="1.5"/><rect x="850" y="260" width="70" height="220" rx="1" fill="#344954" stroke="#52636f" stroke-width="1.5"/><text x="275" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#bac7cf">North</text><text x="445" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#bac7cf">East</text><text x="615" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#bac7cf">South</text><text x="785" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#bac7cf">West</text><line x1="88" y1="568" x2="992" y2="568" stroke="#52636f" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-scatter-full.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Scatter plot · full</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="scatter" data-variant="full"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-scatter-full" viewBox="0 0 1080 640" role="img" aria-labelledby="title-scatter-full desc-scatter-full"><title id="title-scatter-full">Scatter plot</title><desc id="desc-scatter-full">Show the relationship or distribution of two quantitative variables. A compact, static example for the scatter layout.</desc><defs><marker id="arrow-scatter-full" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="88" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">SCATTER PLOT</text><text x="88" y="128" text-anchor="start" font-family="Pretendard, sans-serif" font-size="31" font-weight="600" fill="#202a33">Scatter plot</text><line x1="180" y1="480" x2="930" y2="480" stroke="#c9d1d5" stroke-width="2"/><line x1="180" y1="220" x2="180" y2="480" stroke="#c9d1d5" stroke-width="2"/><rect x="230" y="420" width="70" height="60" rx="1" fill="#dbe4e8" stroke="#c9d1d5" stroke-width="1.5"/><rect x="360" y="385" width="70" height="95" rx="1" fill="#dbe4e8" stroke="#c9d1d5" stroke-width="1.5"/><rect x="480" y="400" width="70" height="80" rx="1" fill="#dbe4e8" stroke="#c9d1d5" stroke-width="1.5"/><rect x="600" y="315" width="70" height="165" rx="1" fill="#dbe4e8" stroke="#c9d1d5" stroke-width="1.5"/><rect x="720" y="335" width="70" height="145" rx="1" fill="#f0e2dc" stroke="#b9492b" stroke-width="1.5"/><rect x="850" y="260" width="70" height="220" rx="1" fill="#dbe4e8" stroke="#c9d1d5" stroke-width="1.5"/><text x="275" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">North</text><text x="445" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">East</text><text x="615" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">South</text><text x="785" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">West</text><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-scatter-light.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Scatter plot · light</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="scatter" data-variant="light"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-scatter-light" viewBox="0 0 1080 640" role="img" aria-labelledby="title-scatter-light desc-scatter-light"><title id="title-scatter-light">Scatter plot</title><desc id="desc-scatter-light">Show the relationship or distribution of two quantitative variables. A compact, static example for the scatter layout.</desc><defs><marker id="arrow-scatter-light" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">SCATTER PLOT</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#202a33">Scatter plot</text><line x1="180" y1="480" x2="930" y2="480" stroke="#c9d1d5" stroke-width="2"/><line x1="180" y1="220" x2="180" y2="480" stroke="#c9d1d5" stroke-width="2"/><rect x="230" y="420" width="70" height="60" rx="1" fill="#dbe4e8" stroke="#c9d1d5" stroke-width="1.5"/><rect x="360" y="385" width="70" height="95" rx="1" fill="#dbe4e8" stroke="#c9d1d5" stroke-width="1.5"/><rect x="480" y="400" width="70" height="80" rx="1" fill="#dbe4e8" stroke="#c9d1d5" stroke-width="1.5"/><rect x="600" y="315" width="70" height="165" rx="1" fill="#dbe4e8" stroke="#c9d1d5" stroke-width="1.5"/><rect x="720" y="335" width="70" height="145" rx="1" fill="#f0e2dc" stroke="#b9492b" stroke-width="1.5"/><rect x="850" y="260" width="70" height="220" rx="1" fill="#dbe4e8" stroke="#c9d1d5" stroke-width="1.5"/><text x="275" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">North</text><text x="445" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">East</text><text x="615" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">South</text><text x="785" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">West</text><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-sequence-dark.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Sequence diagram · dark</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#17232d;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="sequence" data-variant="dark"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-sequence-dark" viewBox="0 0 1080 640" role="img" aria-labelledby="title-sequence-dark desc-sequence-dark"><title id="title-sequence-dark">Sequence diagram</title><desc id="desc-sequence-dark">Show messages between participants in time order. A compact, static example for the sequence layout.</desc><defs><marker id="arrow-sequence-dark" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#ff9a70"/></marker></defs><rect width="1080" height="640" fill="#17232d"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#bac7cf">SEQUENCE DIAGRAM</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#f1f4f5">Sequence diagram</text><line x1="250" y1="200" x2="250" y2="505" stroke="#52636f" stroke-width="1.5" stroke-dasharray="5 5"/><text x="250" y="180" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="15" font-weight="500" fill="#f1f4f5">Input</text><line x1="540" y1="200" x2="540" y2="505" stroke="#52636f" stroke-width="1.5" stroke-dasharray="5 5"/><text x="540" y="180" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="15" font-weight="500" fill="#f1f4f5">Normalize</text><line x1="830" y1="200" x2="830" y2="505" stroke="#52636f" stroke-width="1.5" stroke-dasharray="5 5"/><text x="830" y="180" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="15" font-weight="500" fill="#f1f4f5">Shared service</text><line x1="258" y1="260" x2="532" y2="260" stroke="#ff9a70" stroke-width="2"/><text x="395" y="250" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#bac7cf">validated step</text><line x1="548" y1="352" x2="822" y2="352" stroke="#52636f" stroke-width="2"/><text x="685" y="342" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#bac7cf">validated step</text><line x1="88" y1="568" x2="992" y2="568" stroke="#52636f" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-sequence-full.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Sequence diagram · full</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="sequence" data-variant="full"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-sequence-full" viewBox="0 0 1080 640" role="img" aria-labelledby="title-sequence-full desc-sequence-full"><title id="title-sequence-full">Sequence diagram</title><desc id="desc-sequence-full">Show messages between participants in time order. A compact, static example for the sequence layout.</desc><defs><marker id="arrow-sequence-full" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="88" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">SEQUENCE DIAGRAM</text><text x="88" y="128" text-anchor="start" font-family="Pretendard, sans-serif" font-size="31" font-weight="600" fill="#202a33">Sequence diagram</text><line x1="250" y1="200" x2="250" y2="505" stroke="#c9d1d5" stroke-width="1.5" stroke-dasharray="5 5"/><text x="250" y="180" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="15" font-weight="500" fill="#202a33">Input</text><line x1="540" y1="200" x2="540" y2="505" stroke="#c9d1d5" stroke-width="1.5" stroke-dasharray="5 5"/><text x="540" y="180" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="15" font-weight="500" fill="#202a33">Normalize</text><line x1="830" y1="200" x2="830" y2="505" stroke="#c9d1d5" stroke-width="1.5" stroke-dasharray="5 5"/><text x="830" y="180" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="15" font-weight="500" fill="#202a33">Shared service</text><line x1="258" y1="260" x2="532" y2="260" stroke="#b9492b" stroke-width="2"/><text x="395" y="250" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">validated step</text><line x1="548" y1="352" x2="822" y2="352" stroke="#c9d1d5" stroke-width="2"/><text x="685" y="342" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">validated step</text><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-sequence-light.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Sequence diagram · light</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="sequence" data-variant="light"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-sequence-light" viewBox="0 0 1080 640" role="img" aria-labelledby="title-sequence-light desc-sequence-light"><title id="title-sequence-light">Sequence diagram</title><desc id="desc-sequence-light">Show messages between participants in time order. A compact, static example for the sequence layout.</desc><defs><marker id="arrow-sequence-light" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">SEQUENCE DIAGRAM</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#202a33">Sequence diagram</text><line x1="250" y1="200" x2="250" y2="505" stroke="#c9d1d5" stroke-width="1.5" stroke-dasharray="5 5"/><text x="250" y="180" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="15" font-weight="500" fill="#202a33">Input</text><line x1="540" y1="200" x2="540" y2="505" stroke="#c9d1d5" stroke-width="1.5" stroke-dasharray="5 5"/><text x="540" y="180" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="15" font-weight="500" fill="#202a33">Normalize</text><line x1="830" y1="200" x2="830" y2="505" stroke="#c9d1d5" stroke-width="1.5" stroke-dasharray="5 5"/><text x="830" y="180" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="15" font-weight="500" fill="#202a33">Shared service</text><line x1="258" y1="260" x2="532" y2="260" stroke="#b9492b" stroke-width="2"/><text x="395" y="250" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">validated step</text><line x1="548" y1="352" x2="822" y2="352" stroke="#c9d1d5" stroke-width="2"/><text x="685" y="342" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">validated step</text><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-sequence-oauth-dark.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>OAuth sequence · dark</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#17232d;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="sequence-oauth" data-variant="dark"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-sequence-oauth-dark" viewBox="0 0 1080 640" role="img" aria-labelledby="title-sequence-oauth-dark desc-sequence-oauth-dark"><title id="title-sequence-oauth-dark">OAuth sequence</title><desc id="desc-sequence-oauth-dark">Show an OAuth exchange with lifelines, request direction, and a combined fragment. A compact, static example for the sequence-oauth layout.</desc><defs><marker id="arrow-sequence-oauth-dark" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#ff9a70"/></marker></defs><rect width="1080" height="640" fill="#17232d"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#bac7cf">OAUTH SEQUENCE</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#f1f4f5">OAuth sequence</text><line x1="250" y1="200" x2="250" y2="505" stroke="#52636f" stroke-width="1.5" stroke-dasharray="5 5"/><text x="250" y="180" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="15" font-weight="500" fill="#f1f4f5">Input</text><line x1="540" y1="200" x2="540" y2="505" stroke="#52636f" stroke-width="1.5" stroke-dasharray="5 5"/><text x="540" y="180" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="15" font-weight="500" fill="#f1f4f5">Normalize</text><line x1="830" y1="200" x2="830" y2="505" stroke="#52636f" stroke-width="1.5" stroke-dasharray="5 5"/><text x="830" y="180" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="15" font-weight="500" fill="#f1f4f5">Shared service</text><line x1="258" y1="260" x2="532" y2="260" stroke="#ff9a70" stroke-width="2"/><text x="395" y="250" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#bac7cf">validated step</text><line x1="548" y1="352" x2="822" y2="352" stroke="#52636f" stroke-width="2"/><text x="685" y="342" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#bac7cf">validated step</text><line x1="88" y1="568" x2="992" y2="568" stroke="#52636f" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-sequence-oauth-full.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>OAuth sequence · full</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="sequence-oauth" data-variant="full"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-sequence-oauth-full" viewBox="0 0 1080 640" role="img" aria-labelledby="title-sequence-oauth-full desc-sequence-oauth-full"><title id="title-sequence-oauth-full">OAuth sequence</title><desc id="desc-sequence-oauth-full">Show an OAuth exchange with lifelines, request direction, and a combined fragment. A compact, static example for the sequence-oauth layout.</desc><defs><marker id="arrow-sequence-oauth-full" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="88" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">OAUTH SEQUENCE</text><text x="88" y="128" text-anchor="start" font-family="Pretendard, sans-serif" font-size="31" font-weight="600" fill="#202a33">OAuth sequence</text><line x1="250" y1="200" x2="250" y2="505" stroke="#c9d1d5" stroke-width="1.5" stroke-dasharray="5 5"/><text x="250" y="180" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="15" font-weight="500" fill="#202a33">Input</text><line x1="540" y1="200" x2="540" y2="505" stroke="#c9d1d5" stroke-width="1.5" stroke-dasharray="5 5"/><text x="540" y="180" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="15" font-weight="500" fill="#202a33">Normalize</text><line x1="830" y1="200" x2="830" y2="505" stroke="#c9d1d5" stroke-width="1.5" stroke-dasharray="5 5"/><text x="830" y="180" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="15" font-weight="500" fill="#202a33">Shared service</text><line x1="258" y1="260" x2="532" y2="260" stroke="#b9492b" stroke-width="2"/><text x="395" y="250" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">validated step</text><line x1="548" y1="352" x2="822" y2="352" stroke="#c9d1d5" stroke-width="2"/><text x="685" y="342" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">validated step</text><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-sequence-oauth-light.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>OAuth sequence · light</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="sequence-oauth" data-variant="light"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-sequence-oauth-light" viewBox="0 0 1080 640" role="img" aria-labelledby="title-sequence-oauth-light desc-sequence-oauth-light"><title id="title-sequence-oauth-light">OAuth sequence</title><desc id="desc-sequence-oauth-light">Show an OAuth exchange with lifelines, request direction, and a combined fragment. A compact, static example for the sequence-oauth layout.</desc><defs><marker id="arrow-sequence-oauth-light" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">OAUTH SEQUENCE</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#202a33">OAuth sequence</text><line x1="250" y1="200" x2="250" y2="505" stroke="#c9d1d5" stroke-width="1.5" stroke-dasharray="5 5"/><text x="250" y="180" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="15" font-weight="500" fill="#202a33">Input</text><line x1="540" y1="200" x2="540" y2="505" stroke="#c9d1d5" stroke-width="1.5" stroke-dasharray="5 5"/><text x="540" y="180" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="15" font-weight="500" fill="#202a33">Normalize</text><line x1="830" y1="200" x2="830" y2="505" stroke="#c9d1d5" stroke-width="1.5" stroke-dasharray="5 5"/><text x="830" y="180" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="15" font-weight="500" fill="#202a33">Shared service</text><line x1="258" y1="260" x2="532" y2="260" stroke="#b9492b" stroke-width="2"/><text x="395" y="250" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">validated step</text><line x1="548" y1="352" x2="822" y2="352" stroke="#c9d1d5" stroke-width="2"/><text x="685" y="342" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">validated step</text><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-slopegraph-dark.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Slopegraph · dark</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#17232d;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="slopegraph" data-variant="dark"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-slopegraph-dark" viewBox="0 0 1080 640" role="img" aria-labelledby="title-slopegraph-dark desc-slopegraph-dark"><title id="title-slopegraph-dark">Slopegraph</title><desc id="desc-slopegraph-dark">Compare exactly two states on a shared scale. A compact, static example for the slopegraph layout.</desc><defs><marker id="arrow-slopegraph-dark" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#ff9a70"/></marker></defs><rect width="1080" height="640" fill="#17232d"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#bac7cf">SLOPEGRAPH</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#f1f4f5">Slopegraph</text><line x1="180" y1="480" x2="930" y2="480" stroke="#52636f" stroke-width="2"/><line x1="180" y1="220" x2="180" y2="480" stroke="#52636f" stroke-width="2"/><polyline points="230,420 360,385 480,400 600,315 720,335 850,260" fill="none" stroke="#ff9a70" stroke-width="4"/><circle cx="230" cy="420" r="5" fill="#ff9a70"/><circle cx="360" cy="385" r="5" fill="#ff9a70"/><circle cx="480" cy="400" r="5" fill="#ff9a70"/><circle cx="600" cy="315" r="5" fill="#ff9a70"/><circle cx="720" cy="335" r="5" fill="#ff9a70"/><circle cx="850" cy="260" r="5" fill="#ff9a70"/><text x="275" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#bac7cf">North</text><text x="445" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#bac7cf">East</text><text x="615" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#bac7cf">South</text><text x="785" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#bac7cf">West</text><line x1="88" y1="568" x2="992" y2="568" stroke="#52636f" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-slopegraph-full.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Slopegraph · full</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="slopegraph" data-variant="full"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-slopegraph-full" viewBox="0 0 1080 640" role="img" aria-labelledby="title-slopegraph-full desc-slopegraph-full"><title id="title-slopegraph-full">Slopegraph</title><desc id="desc-slopegraph-full">Compare exactly two states on a shared scale. A compact, static example for the slopegraph layout.</desc><defs><marker id="arrow-slopegraph-full" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="88" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">SLOPEGRAPH</text><text x="88" y="128" text-anchor="start" font-family="Pretendard, sans-serif" font-size="31" font-weight="600" fill="#202a33">Slopegraph</text><text x="88" y="158" text-anchor="start" font-family="Pretendard, sans-serif" font-size="14" font-weight="400" fill="#53616c">Compare exactly two states on a shared scale.</text><line x1="180" y1="480" x2="930" y2="480" stroke="#c9d1d5" stroke-width="2"/><line x1="180" y1="220" x2="180" y2="480" stroke="#c9d1d5" stroke-width="2"/><polyline points="230,420 360,385 480,400 600,315 720,335 850,260" fill="none" stroke="#b9492b" stroke-width="4"/><circle cx="230" cy="420" r="5" fill="#b9492b"/><circle cx="360" cy="385" r="5" fill="#b9492b"/><circle cx="480" cy="400" r="5" fill="#b9492b"/><circle cx="600" cy="315" r="5" fill="#b9492b"/><circle cx="720" cy="335" r="5" fill="#b9492b"/><circle cx="850" cy="260" r="5" fill="#b9492b"/><text x="275" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">North</text><text x="445" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">East</text><text x="615" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">South</text><text x="785" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">West</text><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-slopegraph-light.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Slopegraph · light</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="slopegraph" data-variant="light"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-slopegraph-light" viewBox="0 0 1080 640" role="img" aria-labelledby="title-slopegraph-light desc-slopegraph-light"><title id="title-slopegraph-light">Slopegraph</title><desc id="desc-slopegraph-light">Compare exactly two states on a shared scale. A compact, static example for the slopegraph layout.</desc><defs><marker id="arrow-slopegraph-light" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">SLOPEGRAPH</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#202a33">Slopegraph</text><line x1="180" y1="480" x2="930" y2="480" stroke="#c9d1d5" stroke-width="2"/><line x1="180" y1="220" x2="180" y2="480" stroke="#c9d1d5" stroke-width="2"/><polyline points="230,420 360,385 480,400 600,315 720,335 850,260" fill="none" stroke="#b9492b" stroke-width="4"/><circle cx="230" cy="420" r="5" fill="#b9492b"/><circle cx="360" cy="385" r="5" fill="#b9492b"/><circle cx="480" cy="400" r="5" fill="#b9492b"/><circle cx="600" cy="315" r="5" fill="#b9492b"/><circle cx="720" cy="335" r="5" fill="#b9492b"/><circle cx="850" cy="260" r="5" fill="#b9492b"/><text x="275" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">North</text><text x="445" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">East</text><text x="615" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">South</text><text x="785" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">West</text><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-state-dark.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>State machine · dark</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#17232d;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="state" data-variant="dark"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-state-dark" viewBox="0 0 1080 640" role="img" aria-labelledby="title-state-dark desc-state-dark"><title id="title-state-dark">State machine</title><desc id="desc-state-dark">Show states and guarded transitions. A compact, static example for the state layout.</desc><defs><marker id="arrow-state-dark" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#ff9a70"/></marker></defs><rect width="1080" height="640" fill="#17232d"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#bac7cf">STATE MACHINE</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#f1f4f5">State machine</text><ellipse cx="235" cy="320" rx="72" ry="34" fill="#243440" stroke="#52636f" stroke-width="2"/><text x="251" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#f1f4f5">Input</text><line x1="285" y1="320" x2="337" y2="320" stroke="#52636f" stroke-width="2"/><ellipse cx="410" cy="320" rx="72" ry="34" fill="#243440" stroke="#52636f" stroke-width="2"/><text x="426" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#f1f4f5">Normalize</text><line x1="460" y1="320" x2="512" y2="320" stroke="#52636f" stroke-width="2"/><ellipse cx="585" cy="320" rx="72" ry="34" fill="#553a34" stroke="#ff9a70" stroke-width="2"/><text x="601" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#f1f4f5">Shared service</text><line x1="635" y1="320" x2="687" y2="320" stroke="#52636f" stroke-width="2"/><ellipse cx="760" cy="320" rx="72" ry="34" fill="#243440" stroke="#52636f" stroke-width="2"/><text x="776" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#f1f4f5">Review</text><line x1="810" y1="320" x2="862" y2="320" stroke="#52636f" stroke-width="2"/><ellipse cx="935" cy="320" rx="72" ry="34" fill="#243440" stroke="#52636f" stroke-width="2"/><text x="951" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#f1f4f5">Outcome</text><line x1="88" y1="568" x2="992" y2="568" stroke="#52636f" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-state-full.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>State machine · full</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="state" data-variant="full"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-state-full" viewBox="0 0 1080 640" role="img" aria-labelledby="title-state-full desc-state-full"><title id="title-state-full">State machine</title><desc id="desc-state-full">Show states and guarded transitions. A compact, static example for the state layout.</desc><defs><marker id="arrow-state-full" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="88" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">STATE MACHINE</text><text x="88" y="128" text-anchor="start" font-family="Pretendard, sans-serif" font-size="31" font-weight="600" fill="#202a33">State machine</text><ellipse cx="235" cy="320" rx="72" ry="34" fill="#ffffff" stroke="#c9d1d5" stroke-width="2"/><text x="251" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Input</text><line x1="285" y1="320" x2="337" y2="320" stroke="#c9d1d5" stroke-width="2"/><ellipse cx="410" cy="320" rx="72" ry="34" fill="#ffffff" stroke="#c9d1d5" stroke-width="2"/><text x="426" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Normalize</text><line x1="460" y1="320" x2="512" y2="320" stroke="#c9d1d5" stroke-width="2"/><ellipse cx="585" cy="320" rx="72" ry="34" fill="#f0e2dc" stroke="#b9492b" stroke-width="2"/><text x="601" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Shared service</text><line x1="635" y1="320" x2="687" y2="320" stroke="#c9d1d5" stroke-width="2"/><ellipse cx="760" cy="320" rx="72" ry="34" fill="#ffffff" stroke="#c9d1d5" stroke-width="2"/><text x="776" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Review</text><line x1="810" y1="320" x2="862" y2="320" stroke="#c9d1d5" stroke-width="2"/><ellipse cx="935" cy="320" rx="72" ry="34" fill="#ffffff" stroke="#c9d1d5" stroke-width="2"/><text x="951" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Outcome</text><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-state-lifecycle-dark.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Lifecycle state map · dark</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#17232d;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="state-lifecycle" data-variant="dark"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-state-lifecycle-dark" viewBox="0 0 1080 640" role="img" aria-labelledby="title-state-lifecycle-dark desc-state-lifecycle-dark"><title id="title-state-lifecycle-dark">Lifecycle state map</title><desc id="desc-state-lifecycle-dark">Show phases, waits, retries, cancellation, and terminal outcomes. A compact, static example for the state-lifecycle layout.</desc><defs><marker id="arrow-state-lifecycle-dark" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#ff9a70"/></marker></defs><rect width="1080" height="640" fill="#17232d"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#bac7cf">LIFECYCLE STATE MAP</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#f1f4f5">Lifecycle state map</text><ellipse cx="235" cy="320" rx="72" ry="34" fill="#243440" stroke="#52636f" stroke-width="2"/><text x="251" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#f1f4f5">Input</text><line x1="285" y1="320" x2="337" y2="320" stroke="#52636f" stroke-width="2"/><ellipse cx="410" cy="320" rx="72" ry="34" fill="#243440" stroke="#52636f" stroke-width="2"/><text x="426" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#f1f4f5">Normalize</text><line x1="460" y1="320" x2="512" y2="320" stroke="#52636f" stroke-width="2"/><ellipse cx="585" cy="320" rx="72" ry="34" fill="#553a34" stroke="#ff9a70" stroke-width="2"/><text x="601" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#f1f4f5">Shared service</text><line x1="635" y1="320" x2="687" y2="320" stroke="#52636f" stroke-width="2"/><ellipse cx="760" cy="320" rx="72" ry="34" fill="#243440" stroke="#52636f" stroke-width="2"/><text x="776" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#f1f4f5">Review</text><line x1="810" y1="320" x2="862" y2="320" stroke="#52636f" stroke-width="2"/><ellipse cx="935" cy="320" rx="72" ry="34" fill="#243440" stroke="#52636f" stroke-width="2"/><text x="951" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#f1f4f5">Outcome</text><line x1="88" y1="568" x2="992" y2="568" stroke="#52636f" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-state-lifecycle-full.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Lifecycle state map · full</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="state-lifecycle" data-variant="full"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-state-lifecycle-full" viewBox="0 0 1080 640" role="img" aria-labelledby="title-state-lifecycle-full desc-state-lifecycle-full"><title id="title-state-lifecycle-full">Lifecycle state map</title><desc id="desc-state-lifecycle-full">Show phases, waits, retries, cancellation, and terminal outcomes. A compact, static example for the state-lifecycle layout.</desc><defs><marker id="arrow-state-lifecycle-full" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="88" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">LIFECYCLE STATE MAP</text><text x="88" y="128" text-anchor="start" font-family="Pretendard, sans-serif" font-size="31" font-weight="600" fill="#202a33">Lifecycle state map</text><ellipse cx="235" cy="320" rx="72" ry="34" fill="#ffffff" stroke="#c9d1d5" stroke-width="2"/><text x="251" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Input</text><line x1="285" y1="320" x2="337" y2="320" stroke="#c9d1d5" stroke-width="2"/><ellipse cx="410" cy="320" rx="72" ry="34" fill="#ffffff" stroke="#c9d1d5" stroke-width="2"/><text x="426" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Normalize</text><line x1="460" y1="320" x2="512" y2="320" stroke="#c9d1d5" stroke-width="2"/><ellipse cx="585" cy="320" rx="72" ry="34" fill="#f0e2dc" stroke="#b9492b" stroke-width="2"/><text x="601" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Shared service</text><line x1="635" y1="320" x2="687" y2="320" stroke="#c9d1d5" stroke-width="2"/><ellipse cx="760" cy="320" rx="72" ry="34" fill="#ffffff" stroke="#c9d1d5" stroke-width="2"/><text x="776" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Review</text><line x1="810" y1="320" x2="862" y2="320" stroke="#c9d1d5" stroke-width="2"/><ellipse cx="935" cy="320" rx="72" ry="34" fill="#ffffff" stroke="#c9d1d5" stroke-width="2"/><text x="951" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Outcome</text><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-state-lifecycle-light.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Lifecycle state map · light</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="state-lifecycle" data-variant="light"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-state-lifecycle-light" viewBox="0 0 1080 640" role="img" aria-labelledby="title-state-lifecycle-light desc-state-lifecycle-light"><title id="title-state-lifecycle-light">Lifecycle state map</title><desc id="desc-state-lifecycle-light">Show phases, waits, retries, cancellation, and terminal outcomes. A compact, static example for the state-lifecycle layout.</desc><defs><marker id="arrow-state-lifecycle-light" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">LIFECYCLE STATE MAP</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#202a33">Lifecycle state map</text><ellipse cx="235" cy="320" rx="72" ry="34" fill="#ffffff" stroke="#c9d1d5" stroke-width="2"/><text x="251" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Input</text><line x1="285" y1="320" x2="337" y2="320" stroke="#c9d1d5" stroke-width="2"/><ellipse cx="410" cy="320" rx="72" ry="34" fill="#ffffff" stroke="#c9d1d5" stroke-width="2"/><text x="426" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Normalize</text><line x1="460" y1="320" x2="512" y2="320" stroke="#c9d1d5" stroke-width="2"/><ellipse cx="585" cy="320" rx="72" ry="34" fill="#f0e2dc" stroke="#b9492b" stroke-width="2"/><text x="601" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Shared service</text><line x1="635" y1="320" x2="687" y2="320" stroke="#c9d1d5" stroke-width="2"/><ellipse cx="760" cy="320" rx="72" ry="34" fill="#ffffff" stroke="#c9d1d5" stroke-width="2"/><text x="776" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Review</text><line x1="810" y1="320" x2="862" y2="320" stroke="#c9d1d5" stroke-width="2"/><ellipse cx="935" cy="320" rx="72" ry="34" fill="#ffffff" stroke="#c9d1d5" stroke-width="2"/><text x="951" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Outcome</text><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-state-light.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>State machine · light</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="state" data-variant="light"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-state-light" viewBox="0 0 1080 640" role="img" aria-labelledby="title-state-light desc-state-light"><title id="title-state-light">State machine</title><desc id="desc-state-light">Show states and guarded transitions. A compact, static example for the state layout.</desc><defs><marker id="arrow-state-light" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">STATE MACHINE</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#202a33">State machine</text><ellipse cx="235" cy="320" rx="72" ry="34" fill="#ffffff" stroke="#c9d1d5" stroke-width="2"/><text x="251" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Input</text><line x1="285" y1="320" x2="337" y2="320" stroke="#c9d1d5" stroke-width="2"/><ellipse cx="410" cy="320" rx="72" ry="34" fill="#ffffff" stroke="#c9d1d5" stroke-width="2"/><text x="426" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Normalize</text><line x1="460" y1="320" x2="512" y2="320" stroke="#c9d1d5" stroke-width="2"/><ellipse cx="585" cy="320" rx="72" ry="34" fill="#f0e2dc" stroke="#b9492b" stroke-width="2"/><text x="601" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Shared service</text><line x1="635" y1="320" x2="687" y2="320" stroke="#c9d1d5" stroke-width="2"/><ellipse cx="760" cy="320" rx="72" ry="34" fill="#ffffff" stroke="#c9d1d5" stroke-width="2"/><text x="776" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Review</text><line x1="810" y1="320" x2="862" y2="320" stroke="#c9d1d5" stroke-width="2"/><ellipse cx="935" cy="320" rx="72" ry="34" fill="#ffffff" stroke="#c9d1d5" stroke-width="2"/><text x="951" y="325" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Outcome</text><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-story-map-dark.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>User story map · dark</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#17232d;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="story-map" data-variant="dark"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-story-map-dark" viewBox="0 0 1080 640" role="img" aria-labelledby="title-story-map-dark desc-story-map-dark"><title id="title-story-map-dark">User story map</title><desc id="desc-story-map-dark">Show a user-activity backbone divided into releases. A compact, static example for the story-map layout.</desc><defs><marker id="arrow-story-map-dark" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#ff9a70"/></marker></defs><rect width="1080" height="640" fill="#17232d"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#bac7cf">USER STORY MAP</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#f1f4f5">User story map</text><text x="192" y="190" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="16" font-weight="600" fill="#f1f4f5">Discover</text><line x1="110" y1="212" x2="274" y2="212" stroke="#52636f" stroke-width="1.5"/><rect x="110" y="235" width="164" height="74" rx="2" fill="#243440" stroke="#52636f" stroke-width="1.5"/><text x="192" y="278" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#f1f4f5">Intake</text><rect x="110" y="351" width="164" height="74" rx="2" fill="#243440" stroke="#52636f" stroke-width="1.5"/><text x="192" y="394" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#f1f4f5">Design</text><text x="412" y="190" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="16" font-weight="600" fill="#f1f4f5">Shape</text><line x1="330" y1="212" x2="494" y2="212" stroke="#52636f" stroke-width="1.5"/><rect x="330" y="235" width="164" height="74" rx="2" fill="#243440" stroke="#52636f" stroke-width="1.5"/><text x="412" y="278" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#f1f4f5">Design</text><rect x="330" y="351" width="164" height="74" rx="2" fill="#243440" stroke="#52636f" stroke-width="1.5"/><text x="412" y="394" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#f1f4f5">Build</text><text x="632" y="190" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="16" font-weight="600" fill="#f1f4f5">Deliver</text><line x1="550" y1="212" x2="714" y2="212" stroke="#52636f" stroke-width="1.5"/><rect x="550" y="235" width="164" height="74" rx="2" fill="#553a34" stroke="#ff9a70" stroke-width="1.5"/><text x="632" y="278" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#f1f4f5">Build</text><rect x="550" y="351" width="164" height="74" rx="2" fill="#243440" stroke="#52636f" stroke-width="1.5"/><text x="632" y="394" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#f1f4f5">Review</text><text x="852" y="190" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="16" font-weight="600" fill="#f1f4f5">Learn</text><line x1="770" y1="212" x2="934" y2="212" stroke="#52636f" stroke-width="1.5"/><rect x="770" y="235" width="164" height="74" rx="2" fill="#243440" stroke="#52636f" stroke-width="1.5"/><text x="852" y="278" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#f1f4f5">Review</text><rect x="770" y="351" width="164" height="74" rx="2" fill="#243440" stroke="#52636f" stroke-width="1.5"/><text x="852" y="394" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#f1f4f5">Release</text><line x1="88" y1="568" x2="992" y2="568" stroke="#52636f" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-story-map-full.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>User story map · full</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="story-map" data-variant="full"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-story-map-full" viewBox="0 0 1080 640" role="img" aria-labelledby="title-story-map-full desc-story-map-full"><title id="title-story-map-full">User story map</title><desc id="desc-story-map-full">Show a user-activity backbone divided into releases. A compact, static example for the story-map layout.</desc><defs><marker id="arrow-story-map-full" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="88" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">USER STORY MAP</text><text x="88" y="128" text-anchor="start" font-family="Pretendard, sans-serif" font-size="31" font-weight="600" fill="#202a33">User story map</text><text x="192" y="190" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="16" font-weight="600" fill="#202a33">Discover</text><line x1="110" y1="212" x2="274" y2="212" stroke="#c9d1d5" stroke-width="1.5"/><rect x="110" y="235" width="164" height="74" rx="2" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="192" y="278" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#202a33">Intake</text><rect x="110" y="351" width="164" height="74" rx="2" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="192" y="394" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#202a33">Design</text><text x="412" y="190" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="16" font-weight="600" fill="#202a33">Shape</text><line x1="330" y1="212" x2="494" y2="212" stroke="#c9d1d5" stroke-width="1.5"/><rect x="330" y="235" width="164" height="74" rx="2" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="412" y="278" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#202a33">Design</text><rect x="330" y="351" width="164" height="74" rx="2" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="412" y="394" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#202a33">Build</text><text x="632" y="190" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="16" font-weight="600" fill="#202a33">Deliver</text><line x1="550" y1="212" x2="714" y2="212" stroke="#c9d1d5" stroke-width="1.5"/><rect x="550" y="235" width="164" height="74" rx="2" fill="#f0e2dc" stroke="#b9492b" stroke-width="1.5"/><text x="632" y="278" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#202a33">Build</text><rect x="550" y="351" width="164" height="74" rx="2" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="632" y="394" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#202a33">Review</text><text x="852" y="190" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="16" font-weight="600" fill="#202a33">Learn</text><line x1="770" y1="212" x2="934" y2="212" stroke="#c9d1d5" stroke-width="1.5"/><rect x="770" y="235" width="164" height="74" rx="2" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="852" y="278" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#202a33">Review</text><rect x="770" y="351" width="164" height="74" rx="2" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="852" y="394" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#202a33">Release</text><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-story-map-light.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>User story map · light</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="story-map" data-variant="light"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-story-map-light" viewBox="0 0 1080 640" role="img" aria-labelledby="title-story-map-light desc-story-map-light"><title id="title-story-map-light">User story map</title><desc id="desc-story-map-light">Show a user-activity backbone divided into releases. A compact, static example for the story-map layout.</desc><defs><marker id="arrow-story-map-light" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">USER STORY MAP</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#202a33">User story map</text><text x="192" y="190" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="16" font-weight="600" fill="#202a33">Discover</text><line x1="110" y1="212" x2="274" y2="212" stroke="#c9d1d5" stroke-width="1.5"/><rect x="110" y="235" width="164" height="74" rx="2" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="192" y="278" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#202a33">Intake</text><rect x="110" y="351" width="164" height="74" rx="2" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="192" y="394" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#202a33">Design</text><text x="412" y="190" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="16" font-weight="600" fill="#202a33">Shape</text><line x1="330" y1="212" x2="494" y2="212" stroke="#c9d1d5" stroke-width="1.5"/><rect x="330" y="235" width="164" height="74" rx="2" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="412" y="278" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#202a33">Design</text><rect x="330" y="351" width="164" height="74" rx="2" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="412" y="394" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#202a33">Build</text><text x="632" y="190" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="16" font-weight="600" fill="#202a33">Deliver</text><line x1="550" y1="212" x2="714" y2="212" stroke="#c9d1d5" stroke-width="1.5"/><rect x="550" y="235" width="164" height="74" rx="2" fill="#f0e2dc" stroke="#b9492b" stroke-width="1.5"/><text x="632" y="278" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#202a33">Build</text><rect x="550" y="351" width="164" height="74" rx="2" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="632" y="394" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#202a33">Review</text><text x="852" y="190" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="16" font-weight="600" fill="#202a33">Learn</text><line x1="770" y1="212" x2="934" y2="212" stroke="#c9d1d5" stroke-width="1.5"/><rect x="770" y="235" width="164" height="74" rx="2" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="852" y="278" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#202a33">Review</text><rect x="770" y="351" width="164" height="74" rx="2" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="852" y="394" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="500" fill="#202a33">Release</text><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-streamgraph-dark.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Streamgraph · dark</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#17232d;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="streamgraph" data-variant="dark"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-streamgraph-dark" viewBox="0 0 1080 640" role="img" aria-labelledby="title-streamgraph-dark desc-streamgraph-dark"><title id="title-streamgraph-dark">Streamgraph</title><desc id="desc-streamgraph-dark">Show changing series composition around a centered baseline. A compact, static example for the streamgraph layout.</desc><defs><marker id="arrow-streamgraph-dark" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#ff9a70"/></marker></defs><rect width="1080" height="640" fill="#17232d"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#bac7cf">STREAMGRAPH</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#f1f4f5">Streamgraph</text><line x1="180" y1="480" x2="930" y2="480" stroke="#52636f" stroke-width="2"/><line x1="180" y1="220" x2="180" y2="480" stroke="#52636f" stroke-width="2"/><polyline points="230,420 360,385 480,400 600,315 720,335 850,260" fill="none" stroke="#ff9a70" stroke-width="4"/><circle cx="230" cy="420" r="5" fill="#ff9a70"/><circle cx="360" cy="385" r="5" fill="#ff9a70"/><circle cx="480" cy="400" r="5" fill="#ff9a70"/><circle cx="600" cy="315" r="5" fill="#ff9a70"/><circle cx="720" cy="335" r="5" fill="#ff9a70"/><circle cx="850" cy="260" r="5" fill="#ff9a70"/><text x="275" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#bac7cf">North</text><text x="445" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#bac7cf">East</text><text x="615" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#bac7cf">South</text><text x="785" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#bac7cf">West</text><line x1="88" y1="568" x2="992" y2="568" stroke="#52636f" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-streamgraph-full.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Streamgraph · full</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="streamgraph" data-variant="full"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-streamgraph-full" viewBox="0 0 1080 640" role="img" aria-labelledby="title-streamgraph-full desc-streamgraph-full"><title id="title-streamgraph-full">Streamgraph</title><desc id="desc-streamgraph-full">Show changing series composition around a centered baseline. A compact, static example for the streamgraph layout.</desc><defs><marker id="arrow-streamgraph-full" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="88" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">STREAMGRAPH</text><text x="88" y="128" text-anchor="start" font-family="Pretendard, sans-serif" font-size="31" font-weight="600" fill="#202a33">Streamgraph</text><line x1="180" y1="480" x2="930" y2="480" stroke="#c9d1d5" stroke-width="2"/><line x1="180" y1="220" x2="180" y2="480" stroke="#c9d1d5" stroke-width="2"/><polyline points="230,420 360,385 480,400 600,315 720,335 850,260" fill="none" stroke="#b9492b" stroke-width="4"/><circle cx="230" cy="420" r="5" fill="#b9492b"/><circle cx="360" cy="385" r="5" fill="#b9492b"/><circle cx="480" cy="400" r="5" fill="#b9492b"/><circle cx="600" cy="315" r="5" fill="#b9492b"/><circle cx="720" cy="335" r="5" fill="#b9492b"/><circle cx="850" cy="260" r="5" fill="#b9492b"/><text x="275" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">North</text><text x="445" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">East</text><text x="615" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">South</text><text x="785" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">West</text><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-streamgraph-light.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Streamgraph · light</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="streamgraph" data-variant="light"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-streamgraph-light" viewBox="0 0 1080 640" role="img" aria-labelledby="title-streamgraph-light desc-streamgraph-light"><title id="title-streamgraph-light">Streamgraph</title><desc id="desc-streamgraph-light">Show changing series composition around a centered baseline. A compact, static example for the streamgraph layout.</desc><defs><marker id="arrow-streamgraph-light" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">STREAMGRAPH</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#202a33">Streamgraph</text><line x1="180" y1="480" x2="930" y2="480" stroke="#c9d1d5" stroke-width="2"/><line x1="180" y1="220" x2="180" y2="480" stroke="#c9d1d5" stroke-width="2"/><polyline points="230,420 360,385 480,400 600,315 720,335 850,260" fill="none" stroke="#b9492b" stroke-width="4"/><circle cx="230" cy="420" r="5" fill="#b9492b"/><circle cx="360" cy="385" r="5" fill="#b9492b"/><circle cx="480" cy="400" r="5" fill="#b9492b"/><circle cx="600" cy="315" r="5" fill="#b9492b"/><circle cx="720" cy="335" r="5" fill="#b9492b"/><circle cx="850" cy="260" r="5" fill="#b9492b"/><text x="275" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">North</text><text x="445" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">East</text><text x="615" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">South</text><text x="785" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="12" font-weight="500" fill="#53616c">West</text><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-swimlane-dark.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Swimlane process · dark</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#17232d;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="swimlane" data-variant="dark"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-swimlane-dark" viewBox="0 0 1080 640" role="img" aria-labelledby="title-swimlane-dark desc-swimlane-dark"><title id="title-swimlane-dark">Swimlane process</title><desc id="desc-swimlane-dark">Show cross-functional work and handoffs by owner. A compact, static example for the swimlane layout.</desc><defs><marker id="arrow-swimlane-dark" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#ff9a70"/></marker></defs><rect width="1080" height="640" fill="#17232d"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#bac7cf">SWIMLANE PROCESS</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#f1f4f5">Swimlane process</text><line x1="140" y1="470" x2="940" y2="470" stroke="#52636f" stroke-width="2"/><line x1="170" y1="445" x2="170" y2="495" stroke="#52636f" stroke-width="2"/><text x="170" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#f1f4f5">Intake</text><text x="170" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#bac7cf">W1</text><line x1="350" y1="445" x2="350" y2="495" stroke="#52636f" stroke-width="2"/><text x="350" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#f1f4f5">Design</text><text x="350" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#bac7cf">W2</text><line x1="530" y1="445" x2="530" y2="495" stroke="#ff9a70" stroke-width="2"/><text x="530" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#f1f4f5">Build</text><text x="530" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#bac7cf">W3</text><line x1="710" y1="445" x2="710" y2="495" stroke="#52636f" stroke-width="2"/><text x="710" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#f1f4f5">Review</text><text x="710" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#bac7cf">W4</text><line x1="890" y1="445" x2="890" y2="495" stroke="#52636f" stroke-width="2"/><text x="890" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#f1f4f5">Release</text><text x="890" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#bac7cf">W5</text><text x="110" y="260" text-anchor="start" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#bac7cf">TEAM 1</text><rect x="245" y="238" width="265" height="24" rx="1" fill="#344954" stroke="#52636f" stroke-width="1.5"/><rect x="620" y="238" width="245" height="24" rx="1" fill="#243440" stroke="#52636f" stroke-width="1.5"/><text x="110" y="328" text-anchor="start" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#bac7cf">TEAM 2</text><rect x="293" y="306" width="265" height="24" rx="1" fill="#553a34" stroke="#ff9a70" stroke-width="1.5"/><rect x="625" y="306" width="245" height="24" rx="1" fill="#243440" stroke="#52636f" stroke-width="1.5"/><text x="110" y="396" text-anchor="start" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#bac7cf">TEAM 3</text><rect x="341" y="374" width="265" height="24" rx="1" fill="#344954" stroke="#52636f" stroke-width="1.5"/><rect x="630" y="374" width="245" height="24" rx="1" fill="#243440" stroke="#52636f" stroke-width="1.5"/><line x1="88" y1="568" x2="992" y2="568" stroke="#52636f" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-swimlane-full.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Swimlane process · full</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="swimlane" data-variant="full"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-swimlane-full" viewBox="0 0 1080 640" role="img" aria-labelledby="title-swimlane-full desc-swimlane-full"><title id="title-swimlane-full">Swimlane process</title><desc id="desc-swimlane-full">Show cross-functional work and handoffs by owner. A compact, static example for the swimlane layout.</desc><defs><marker id="arrow-swimlane-full" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="88" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">SWIMLANE PROCESS</text><text x="88" y="128" text-anchor="start" font-family="Pretendard, sans-serif" font-size="31" font-weight="600" fill="#202a33">Swimlane process</text><line x1="140" y1="470" x2="940" y2="470" stroke="#c9d1d5" stroke-width="2"/><line x1="170" y1="445" x2="170" y2="495" stroke="#c9d1d5" stroke-width="2"/><text x="170" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Intake</text><text x="170" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">W1</text><line x1="350" y1="445" x2="350" y2="495" stroke="#c9d1d5" stroke-width="2"/><text x="350" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Design</text><text x="350" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">W2</text><line x1="530" y1="445" x2="530" y2="495" stroke="#b9492b" stroke-width="2"/><text x="530" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Build</text><text x="530" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">W3</text><line x1="710" y1="445" x2="710" y2="495" stroke="#c9d1d5" stroke-width="2"/><text x="710" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Review</text><text x="710" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">W4</text><line x1="890" y1="445" x2="890" y2="495" stroke="#c9d1d5" stroke-width="2"/><text x="890" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Release</text><text x="890" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">W5</text><text x="110" y="260" text-anchor="start" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">TEAM 1</text><rect x="245" y="238" width="265" height="24" rx="1" fill="#dbe4e8" stroke="#c9d1d5" stroke-width="1.5"/><rect x="620" y="238" width="245" height="24" rx="1" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="110" y="328" text-anchor="start" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">TEAM 2</text><rect x="293" y="306" width="265" height="24" rx="1" fill="#f0e2dc" stroke="#b9492b" stroke-width="1.5"/><rect x="625" y="306" width="245" height="24" rx="1" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="110" y="396" text-anchor="start" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">TEAM 3</text><rect x="341" y="374" width="265" height="24" rx="1" fill="#dbe4e8" stroke="#c9d1d5" stroke-width="1.5"/><rect x="630" y="374" width="245" height="24" rx="1" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-swimlane-light.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Swimlane process · light</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="swimlane" data-variant="light"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-swimlane-light" viewBox="0 0 1080 640" role="img" aria-labelledby="title-swimlane-light desc-swimlane-light"><title id="title-swimlane-light">Swimlane process</title><desc id="desc-swimlane-light">Show cross-functional work and handoffs by owner. A compact, static example for the swimlane layout.</desc><defs><marker id="arrow-swimlane-light" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">SWIMLANE PROCESS</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#202a33">Swimlane process</text><line x1="140" y1="470" x2="940" y2="470" stroke="#c9d1d5" stroke-width="2"/><line x1="170" y1="445" x2="170" y2="495" stroke="#c9d1d5" stroke-width="2"/><text x="170" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Intake</text><text x="170" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">W1</text><line x1="350" y1="445" x2="350" y2="495" stroke="#c9d1d5" stroke-width="2"/><text x="350" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Design</text><text x="350" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">W2</text><line x1="530" y1="445" x2="530" y2="495" stroke="#b9492b" stroke-width="2"/><text x="530" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Build</text><text x="530" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">W3</text><line x1="710" y1="445" x2="710" y2="495" stroke="#c9d1d5" stroke-width="2"/><text x="710" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Review</text><text x="710" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">W4</text><line x1="890" y1="445" x2="890" y2="495" stroke="#c9d1d5" stroke-width="2"/><text x="890" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Release</text><text x="890" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">W5</text><text x="110" y="260" text-anchor="start" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">TEAM 1</text><rect x="245" y="238" width="265" height="24" rx="1" fill="#dbe4e8" stroke="#c9d1d5" stroke-width="1.5"/><rect x="620" y="238" width="245" height="24" rx="1" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="110" y="328" text-anchor="start" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">TEAM 2</text><rect x="293" y="306" width="265" height="24" rx="1" fill="#f0e2dc" stroke="#b9492b" stroke-width="1.5"/><rect x="625" y="306" width="245" height="24" rx="1" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><text x="110" y="396" text-anchor="start" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">TEAM 3</text><rect x="341" y="374" width="265" height="24" rx="1" fill="#dbe4e8" stroke="#c9d1d5" stroke-width="1.5"/><rect x="630" y="374" width="245" height="24" rx="1" fill="#ffffff" stroke="#c9d1d5" stroke-width="1.5"/><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-timeline-dark.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Timeline · dark</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#17232d;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="timeline" data-variant="dark"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-timeline-dark" viewBox="0 0 1080 640" role="img" aria-labelledby="title-timeline-dark desc-timeline-dark"><title id="title-timeline-dark">Timeline</title><desc id="desc-timeline-dark">Place events on a shared time axis. A compact, static example for the timeline layout.</desc><defs><marker id="arrow-timeline-dark" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#ff9a70"/></marker></defs><rect width="1080" height="640" fill="#17232d"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#bac7cf">TIMELINE</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#f1f4f5">Timeline</text><line x1="140" y1="470" x2="940" y2="470" stroke="#52636f" stroke-width="2"/><line x1="170" y1="445" x2="170" y2="495" stroke="#52636f" stroke-width="2"/><text x="170" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#f1f4f5">Intake</text><text x="170" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#bac7cf">W1</text><line x1="350" y1="445" x2="350" y2="495" stroke="#52636f" stroke-width="2"/><text x="350" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#f1f4f5">Design</text><text x="350" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#bac7cf">W2</text><line x1="530" y1="445" x2="530" y2="495" stroke="#ff9a70" stroke-width="2"/><text x="530" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#f1f4f5">Build</text><text x="530" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#bac7cf">W3</text><line x1="710" y1="445" x2="710" y2="495" stroke="#52636f" stroke-width="2"/><text x="710" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#f1f4f5">Review</text><text x="710" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#bac7cf">W4</text><line x1="890" y1="445" x2="890" y2="495" stroke="#52636f" stroke-width="2"/><text x="890" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#f1f4f5">Release</text><text x="890" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#bac7cf">W5</text><circle cx="170" cy="470" r="6" fill="#f1f4f5"/><circle cx="350" cy="470" r="6" fill="#f1f4f5"/><circle cx="530" cy="470" r="10" fill="#ff9a70"/><circle cx="710" cy="470" r="6" fill="#f1f4f5"/><line x1="88" y1="568" x2="992" y2="568" stroke="#52636f" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-timeline-full.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Timeline · full</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="timeline" data-variant="full"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-timeline-full" viewBox="0 0 1080 640" role="img" aria-labelledby="title-timeline-full desc-timeline-full"><title id="title-timeline-full">Timeline</title><desc id="desc-timeline-full">Place events on a shared time axis. A compact, static example for the timeline layout.</desc><defs><marker id="arrow-timeline-full" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="88" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">TIMELINE</text><text x="88" y="128" text-anchor="start" font-family="Pretendard, sans-serif" font-size="31" font-weight="600" fill="#202a33">Timeline</text><text x="88" y="158" text-anchor="start" font-family="Pretendard, sans-serif" font-size="14" font-weight="400" fill="#53616c">Place events on a shared time axis.</text><line x1="140" y1="470" x2="940" y2="470" stroke="#c9d1d5" stroke-width="2"/><line x1="170" y1="445" x2="170" y2="495" stroke="#c9d1d5" stroke-width="2"/><text x="170" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Intake</text><text x="170" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">W1</text><line x1="350" y1="445" x2="350" y2="495" stroke="#c9d1d5" stroke-width="2"/><text x="350" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Design</text><text x="350" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">W2</text><line x1="530" y1="445" x2="530" y2="495" stroke="#b9492b" stroke-width="2"/><text x="530" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Build</text><text x="530" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">W3</text><line x1="710" y1="445" x2="710" y2="495" stroke="#c9d1d5" stroke-width="2"/><text x="710" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Review</text><text x="710" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">W4</text><line x1="890" y1="445" x2="890" y2="495" stroke="#c9d1d5" stroke-width="2"/><text x="890" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Release</text><text x="890" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">W5</text><circle cx="170" cy="470" r="6" fill="#202a33"/><circle cx="350" cy="470" r="6" fill="#202a33"/><circle cx="530" cy="470" r="10" fill="#b9492b"/><circle cx="710" cy="470" r="6" fill="#202a33"/><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-timeline-light.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Timeline · light</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#f7f8f6;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="timeline" data-variant="light"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-timeline-light" viewBox="0 0 1080 640" role="img" aria-labelledby="title-timeline-light desc-timeline-light"><title id="title-timeline-light">Timeline</title><desc id="desc-timeline-light">Place events on a shared time axis. A compact, static example for the timeline layout.</desc><defs><marker id="arrow-timeline-light" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#b9492b"/></marker></defs><rect width="1080" height="640" fill="#f7f8f6"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#53616c">TIMELINE</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#202a33">Timeline</text><line x1="140" y1="470" x2="940" y2="470" stroke="#c9d1d5" stroke-width="2"/><line x1="170" y1="445" x2="170" y2="495" stroke="#c9d1d5" stroke-width="2"/><text x="170" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Intake</text><text x="170" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">W1</text><line x1="350" y1="445" x2="350" y2="495" stroke="#c9d1d5" stroke-width="2"/><text x="350" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Design</text><text x="350" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">W2</text><line x1="530" y1="445" x2="530" y2="495" stroke="#b9492b" stroke-width="2"/><text x="530" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Build</text><text x="530" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">W3</text><line x1="710" y1="445" x2="710" y2="495" stroke="#c9d1d5" stroke-width="2"/><text x="710" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Review</text><text x="710" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">W4</text><line x1="890" y1="445" x2="890" y2="495" stroke="#c9d1d5" stroke-width="2"/><text x="890" y="520" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="14" font-weight="500" fill="#202a33">Release</text><text x="890" y="420" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="11" font-weight="500" fill="#53616c">W5</text><circle cx="170" cy="470" r="6" fill="#202a33"/><circle cx="350" cy="470" r="6" fill="#202a33"/><circle cx="530" cy="470" r="10" fill="#b9492b"/><circle cx="710" cy="470" r="6" fill="#202a33"/><line x1="88" y1="568" x2="992" y2="568" stroke="#c9d1d5" stroke-width="1"/></svg></main></body></html>
package/skills/lit-diagram-drawer/assets/examples/type-tree-block-decomposition-dark.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Traceable block decomposition · dark</title><style>@font-face{font-family:Pretendard;src:url(../fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:20px;background:#17232d;font-family:Pretendard,system-ui,sans-serif}main{width:min(100%,1080px);margin:0 auto}svg{display:block;width:100%;height:auto;font-family:Pretendard,system-ui,sans-serif}</style></head><body><main data-type="tree-block-decomposition" data-variant="dark"><svg xmlns="http://www.w3.org/2000/svg" id="diagram-tree-block-decomposition-dark" viewBox="0 0 1080 640" role="img" aria-labelledby="title-tree-block-decomposition-dark desc-tree-block-decomposition-dark"><title id="title-tree-block-decomposition-dark">Traceable block decomposition</title><desc id="desc-tree-block-decomposition-dark">Show an ID-addressable hierarchy with I/O, constraints, and implementation links. A compact, static example for the tree-block-decomposition layout.</desc><defs><marker id="arrow-tree-block-decomposition-dark" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#ff9a70"/></marker></defs><rect width="1080" height="640" fill="#17232d"/><text x="88" y="104" text-anchor="start" font-family="Pretendard, sans-serif" font-size="12" font-weight="600" fill="#bac7cf">TRACEABLE BLOCK DECOMPOSITION</text><text x="88" y="145" text-anchor="start" font-family="Pretendard, sans-serif" font-size="28" font-weight="600" fill="#f1f4f5">Traceable block decomposition</text><line x1="540" y1="252" x2="350" y2="333" stroke="#52636f" stroke-width="2"/><line x1="540" y1="252" x2="730" y2="333" stroke="#52636f" stroke-width="2"/><line x1="350" y1="397" x2="235" y2="473" stroke="#52636f" stroke-width="2"/><line x1="350" y1="397" x2="455" y2="473" stroke="#52636f" stroke-width="2"/><line x1="730" y1="397" x2="625" y2="473" stroke="#52636f" stroke-width="2"/><line x1="730" y1="397" x2="845" y2="473" stroke="#52636f" stroke-width="2"/><rect data-block-id="SYS-001" data-block-name="Request service" data-block-input="request JSON" data-block-output="validated request" data-block-constraint="deny malformed input" data-block-assumption="caller authenticated" data-block-impl="src/request/service.ts" x="455" y="188" width="170" height="64" rx="2" fill="#553a34" stroke="#ff9a70" stroke-width="2"/><text x="540" y="215" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="10" font-weight="600" fill="#bac7cf">SYS-001</text><text x="540" y="238" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="600" fill="#f1f4f5">Request service</text><rect data-block-id="SYS-001-01" data-block-parent="SYS-001" data-block-name="Policy gate" data-block-input="validated request" data-block-output="allow or deny" data-block-constraint="deny by default" data-block-assumption="policy bundle current" data-block-impl="src/policy/gate.ts" x="265" y="333" width="170" height="64" rx="2" fill="#243440" stroke="#52636f" stroke-width="1.5"/><text x="350" y="360" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="10" font-weight="600" fill="#bac7cf">SYS-001-01</text><text x="350" y="383" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="600" fill="#f1f4f5">Policy gate</text><rect data-block-id="SYS-001-02" data-block-parent="SYS-001" data-block-name="Async queue" data-block-input="allowed request" data-block-output="queued job" data-block-constraint="preserve order per key" data-block-assumption="worker available" data-block-impl="src/jobs/queue.ts" x="645" y="333" width="170" height="64" rx="2" fill="#243440" stroke="#52636f" stroke-width="1.5"/><text x="730" y="360" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="10" font-weight="600" fill="#bac7cf">SYS-001-02</text><text x="730" y="383" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="600" fill="#f1f4f5">Async queue</text><rect data-block-id="SYS-001-01-01" data-block-parent="SYS-001-01" data-block-name="Decision log" data-block-input="policy result" data-block-output="audit record" data-block-constraint="append only" data-block-assumption="clock synchronized" data-block-impl="src/audit/decision.ts" x="150" y="473" width="170" height="64" rx="2" fill="#243440" stroke="#52636f" stroke-width="1.5"/><text x="235" y="500" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="10" font-weight="600" fill="#bac7cf">SYS-001-01-01</text><text x="235" y="523" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="600" fill="#f1f4f5">Decision log</text><rect data-block-id="SYS-001-01-02" data-block-parent="SYS-001-01" data-block-name="Receipt store" data-block-input="decision receipt" data-block-output="receipt id" data-block-constraint="unique request id" data-block-assumption="storage durable" data-block-impl="src/receipts/store.ts" x="370" y="473" width="170" height="64" rx="2" fill="#243440" stroke="#52636f" stroke-width="1.5"/><text x="455" y="500" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="10" font-weight="600" fill="#bac7cf">SYS-001-01-02</text><text x="455" y="523" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="600" fill="#f1f4f5">Receipt store</text><rect data-block-id="SYS-001-02-01" data-block-parent="SYS-001-02" data-block-name="Job worker" data-block-input="queued job" data-block-output="job result" data-block-constraint="bounded retries" data-block-assumption="worker credentials scoped" data-block-impl="src/jobs/worker.ts" x="540" y="473" width="170" height="64" rx="2" fill="#243440" stroke="#52636f" stroke-width="1.5"/><text x="625" y="500" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="10" font-weight="600" fill="#bac7cf">SYS-001-02-01</text><text x="625" y="523" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="600" fill="#f1f4f5">Job worker</text><rect data-block-id="SYS-001-02-02" data-block-parent="SYS-001-02" data-block-name="Result store" data-block-input="job result" data-block-output="result id" data-block-constraint="retain for 30 days" data-block-assumption="retention job runs" data-block-impl="src/jobs/results.ts" x="760" y="473" width="170" height="64" rx="2" fill="#243440" stroke="#52636f" stroke-width="1.5"/><text x="845" y="500" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="10" font-weight="600" fill="#bac7cf">SYS-001-02-02</text><text x="845" y="523" text-anchor="middle" font-family="Pretendard, sans-serif" font-size="13" font-weight="600" fill="#f1f4f5">Result store</text><line x1="88" y1="568" x2="992" y2="568" stroke="#52636f" stroke-width="1"/></svg></main></body></html>