{"id":4067,"date":"2026-08-14T10:04:41","date_gmt":"2026-08-14T02:04:41","guid":{"rendered":"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/"},"modified":"2026-08-14T10:04:41","modified_gmt":"2026-08-14T02:04:41","slug":"refactor-mermaid-and-graphviz-with-ai","status":"publish","type":"post","link":"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/","title":{"rendered":"T\u00e1i c\u1ea5u tr\u00fac Mermaid v\u00e0 Graphviz v\u1edbi AI: S\u1ef1 ti\u1ebfn h\u00f3a c\u1ee7a Diagram-as-Code trong VPasCode"},"content":{"rendered":"<p><img fetchpriority=\"high\" alt=\"A YouTube-style thumbnail with bold yellow and white text reading 'REFACTOR MERMAID &amp; GRAPHVIZ!' and 'ZERO DSL SYNTAX!'. It visually demonstrates a user applying plain text AI prompts to easily modify and streamline a complex insurance claim process flowchart without manual coding.\" class=\"alignnone wp-image-4315 size-full\" decoding=\"async\" fetchpriority=\"high\" height=\"768\" sizes=\"(max-width: 1376px) 100vw, 1376px\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/refactor-mermaid-graphviz-ai-prompts-vpascode.jpg\" srcset=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/refactor-mermaid-graphviz-ai-prompts-vpascode.jpg 1376w, https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/refactor-mermaid-graphviz-ai-prompts-vpascode-300x167.jpg 300w, https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/refactor-mermaid-graphviz-ai-prompts-vpascode-1024x572.jpg 1024w, https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/refactor-mermaid-graphviz-ai-prompts-vpascode-768x429.jpg 768w\" width=\"1376\"\/><\/p>\n<p>Phong tr\u00e0o &#8220;Diagram-as-Code&#8221; \u0111\u00e3 c\u00e1ch m\u1ea1ng h\u00f3a c\u00e1ch c\u00e1c nh\u00e0 ph\u00e1t tri\u1ec3n v\u00e0 nh\u00f3m k\u1ef9 thu\u1eadt qu\u1ea3n l\u00fd tr\u1ef1c quan h\u00f3a, t\u00edch h\u1ee3p n\u00f3 tr\u1ef1c ti\u1ebfp v\u00e0o c\u00e1c quy tr\u00ecnh ki\u1ec3m so\u00e1t phi\u00ean b\u1ea3n. C\u00e1c ng\u00f4n ng\u1eef chuy\u00ean d\u1ee5ng ph\u1ed5 bi\u1ebfn nh\u01b0 Mermaid v\u00e0 Graphviz cho ph\u00e9p ng\u01b0\u1eddi d\u00f9ng \u0111\u1ecbnh ngh\u0129a c\u00e1c s\u01a1 \u0111\u1ed3 lu\u1ed3ng ph\u1ee9c t\u1ea1p, s\u01a1 \u0111\u1ed3 tu\u1ea7n t\u1ef1 v\u00e0 c\u1ea5u tr\u00fac \u0111\u1ed3 th\u1ecb b\u1eb1ng v\u0103n b\u1ea3n. Tuy nhi\u00ean, khi h\u1ec7 th\u1ed1ng ph\u00e1t tri\u1ec3n, vi\u1ec7c duy tr\u00ec v\u00e0 t\u00e1i c\u1ea5u tr\u00fac c\u00e1c \u0111o\u1ea1n m\u00e3 n\u00e0y c\u00f3 th\u1ec3 tr\u1edf n\u00ean nh\u00e0m ch\u00e1n nh\u01b0 qu\u1ea3n l\u00fd m\u00e3 ngu\u1ed3n th\u00f4ng th\u01b0\u1eddng, th\u01b0\u1eddng \u0111\u00f2i h\u1ecfi ph\u1ea3i t\u00ecm hi\u1ec3u s\u00e2u v\u00e0o t\u00e0i li\u1ec7u h\u01b0\u1edbng d\u1eabn c\u1ee7a DSL.<\/p>\n<p>C\u1ee7a Visual Paradigm<a href=\"https:\/\/www.vpascode.com\/\">VPasCode<\/a>AI diagram-as-code<strong>c\u00f4ng c\u1ee5 diagram-as-code d\u1ef1a tr\u00ean AI<\/strong>, n\u00f3 cho ph\u00e9p c\u00e1c k\u1ef9 s\u01b0 duy tr\u00ec s\u01a1 \u0111\u1ed3 c\u1ee7a h\u1ecd v\u1edbi c\u00f9ng s\u1ef1 linh ho\u1ea1t m\u00e0 h\u1ecd \u00e1p d\u1ee5ng cho c\u00e1c \u1ee9ng d\u1ee5ng ph\u1ea7n m\u1ec1m c\u1ee7a m\u00ecnh: th\u00f4ng qua c\u00e1c h\u01b0\u1edbng d\u1eabn t\u00e1i c\u1ea5u tr\u00fac b\u1eb1ng v\u0103n b\u1ea3n thu\u1ea7n t\u00fay.<\/p>\n<p><iframe allowfullscreen=\"allowfullscreen\" frameborder=\"0\" src=\"https:\/\/www.youtube.com\/embed\/RYiG9v_khto?si=k9H_HW5qQFYRP40o\" style=\"width: 100%; aspect-ratio: 16 \/ 9; height: auto;\" title=\"YouTube video player\"><\/iframe><\/p>\n<h2>V\u01b0\u1ee3t qua vi\u1ec7c duy tr\u00ec \u0111o\u1ea1n m\u00e3 DSL th\u1ee7 c\u00f4ng<\/h2>\n<p id=\"zcPbUwy\"><img alt=\"VPasCode supports plenty of Mermaid diagrams\" class=\"alignnone wp-image-4308 size-full\" decoding=\"async\" height=\"684\" sizes=\"(max-width: 1115px) 100vw, 1115px\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e73e8e5bf7.png\" srcset=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e73e8e5bf7.png 1115w, https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e73e8e5bf7-300x184.png 300w, https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e73e8e5bf7-1024x628.png 1024w, https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e73e8e5bf7-768x471.png 768w\" width=\"1115\"\/><\/p>\n<p>Th\u00f4ng th\u01b0\u1eddng, khi lu\u1ed3ng thay \u0111\u1ed5i ho\u1eb7c m\u1ed9t th\u00e0nh ph\u1ea7n h\u1ec7 th\u1ed1ng c\u1ea7n \u0111\u01b0\u1ee3c t\u00e1i c\u1ea5u tr\u00fac, nh\u00e0 ph\u00e1t tri\u1ec3n ph\u1ea3i t\u00ecm th\u1ee7 c\u00f4ng c\u00e1c d\u00f2ng t\u01b0\u01a1ng \u1ee9ng trong s\u01a1 \u0111\u1ed3 lu\u1ed3ng Mermaid ho\u1eb7c \u0111o\u1ea1n m\u00e3 Graphviz DOT v\u00e0 \u00e1p d\u1ee5ng c\u00e1c c\u1eadp nh\u1eadt c\u00fa ph\u00e1p ph\u1ee9c t\u1ea1p. S\u1ef1 b\u1ea5t ti\u1ec7n n\u00e0y th\u01b0\u1eddng d\u1eabn \u0111\u1ebfn t\u00e0i li\u1ec7u tham kh\u1ea3o b\u1ecb ch\u1eadm tr\u1ec5 so v\u1edbi th\u1ef1c t\u1ebf tri\u1ec3n khai.<\/p>\n<p>AI Mermaid generator<a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-ai-diagram-generation-code-modification-update\/\"><strong>sinh vi\u00ean Mermaid AI<\/strong><\/a>, n\u1ec1n t\u1ea3ng n\u00e0y chuy\u00ean v\u1ec1 thay \u0111\u1ed5i t\u01b0\u01a1ng t\u00e1c. N\u1ebfu m\u1ed9t lu\u1ed3ng quy tr\u00ecnh ph\u1ee9c t\u1ea1p hi\u1ec7n c\u00f3 y\u00eau c\u1ea7u th\u00eam m\u1ed9t nh\u00e1nh m\u1edbi, m\u1ed9t th\u00e0nh vi\u00ean trong nh\u00f3m ch\u1ec9 c\u1ea7n h\u01b0\u1edbng d\u1eabn c\u00f4ng c\u1ee5 b\u1eb1ng ng\u00f4n ng\u1eef t\u1ef1 nhi\u00ean: *&#8221;th\u00eam m\u1ed9t tuy\u1ebfn d\u1ef1 ph\u00f2ng th\u1ea5t b\u1ea1i cho b\u01b0\u1edbc x\u1eed l\u00fd thanh to\u00e1n&#8221;*.<\/p>\n<p>C\u00e1c b\u01b0\u1edbc d\u01b0\u1edbi \u0111\u00e2y s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n c\u00e1ch t\u1ea1o s\u01a1 \u0111\u1ed3 lu\u1ed3ng Mermaid b\u1eb1ng Visual Paradigm VPasCode.<\/p>\n<ol>\n<li>Nh\u1ea5p v\u00e0o AI T\u1ea1o \u1edf thanh c\u00f4ng c\u1ee5 ph\u00eda tr\u00ean.\n<p id=\"NqtHTBt\"><img alt=\"Click AI Generate to popup the AI diagram generation tool.\" class=\"alignnone wp-image-4309 size-full\" decoding=\"async\" height=\"65\" sizes=\"(max-width: 729px) 100vw, 729px\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e743312c67.png\" srcset=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e743312c67.png 729w, https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e743312c67-300x27.png 300w\" width=\"729\"\/><\/p>\n<\/li>\n<li>Nh\u1eadp b\u1ed1i c\u1ea3nh v\u1ea5n \u0111\u1ec1 v\u00e0 y\u00eau c\u1ea7u t\u1ea1o s\u01a1 \u0111\u1ed3 lu\u1ed3ng. B\u1ea1n c\u00f3 th\u1ec3 ch\u1ecdn Mermaid\/S\u01a1 \u0111\u1ed3 lu\u1ed3ng l\u00e0m \u0111\u1ecbnh d\u1ea1ng, nh\u01b0ng \u0111i\u1ec1u n\u00e0y l\u00e0 t\u00f9y ch\u1ecdn. Ch\u1ec9 c\u1ea7n b\u1ea1n \u0111\u00e3 \u0111\u1ec1 c\u1eadp lo\u1ea1i s\u01a1 \u0111\u1ed3, AI s\u1ebd hi\u1ec3u. Khi s\u1eb5n s\u00e0ng, nh\u1ea5p v\u00e0o<strong>AI T\u1ea1o<\/strong>.\n<p id=\"joTbqrZ\"><img loading=\"lazy\" alt=\"Entering a prompt, asking VPasCode's AI Generation engine to produce a Mermaid flowchart.\" class=\"alignnone wp-image-4310 size-full\" decoding=\"async\" height=\"368\" loading=\"lazy\" sizes=\"auto, (max-width: 581px) 100vw, 581px\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e7472edbb8.png\" srcset=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e7472edbb8.png 581w, https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e7472edbb8-300x190.png 300w\" width=\"581\"\/><\/p>\n<\/li>\n<li>H\u00ecnh ch\u1ee5p m\u00e0n h\u00ecnh d\u01b0\u1edbi \u0111\u00e2y cho th\u1ea5y s\u01a1 \u0111\u1ed3 lu\u1ed3ng Mermaid \u0111\u01b0\u1ee3c t\u1ea1o b\u1edfi AI.\n<p id=\"LdKdpRr\"><img loading=\"lazy\" alt=\"Screenshot of VPasCode, showing a Mermaid flowchart generated by AI.\" class=\"alignnone wp-image-4311 size-full\" decoding=\"async\" height=\"788\" loading=\"lazy\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e74a88ac6f.png\" srcset=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e74a88ac6f.png 1400w, https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e74a88ac6f-300x169.png 300w, https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e74a88ac6f-1024x576.png 1024w, https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e74a88ac6f-768x432.png 768w\" width=\"1400\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpdkV1qwzAQhN8LvcNeIPQCpcGJ8+P8EUIpFJEHYa0dFVmbeuWUEHr3ypLSmvpN+83ODuPK0Fd5kq2D1\/zxAfyXiamRuoG5NqiOMBq9wORWMLgTQhlISc3ZoMPxd9yYeBHsKEizwegdOcymImPWtYVgzJCpj44dtseonQZRLgp7QXa6lg6jMvE88Nntj2uycEDujOMUYdbfy5TSPZMGClsR7BAVqrA9Fwf87Pz6UJRT2TVoHadD8xhk4BibeJNGK58qWi3EzKdo+pR7eaXOpe1FoEuxQAdbaWWNvTdk53NLF2mSahlUxS2OUd07LAYdrsSOnK6u8bz0JlRBjlb\/uhTDetdi31KJzH2e\/mYSrQPd\/DdLdBVpfGzCY+v\/PPG9\/OenkhSOfwBsnZx3\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqNUs1Kw0AQvgu+w7xA8QXE0v+f1FsPSughRu0u1k3VTbUUD57Emz2KCMYihUqxUE8J4mFL3mPfxNndVGKpYA5JZvb7vvlmZo873qVLnHMOzeLmBuCTsxf3ccDghFAZfvnAZBhQWAzFCH+jh24LMpkdyA8aVEa3Ph78AV4MZTjuq080BpfEMyd7bSrkUQEsIj5YW2vlUumCmOtcwa5Qx0OeB4yIFwY9KiYM1bDqjY95Gd0x8rtuy+gUtEDRtogMRx5ciICvxRU1rjSw8ITDmY9oxP1wErMl7QpbYcCJmJyqtzLOKdP8sr0vJmgIEf4SIZ4pdPR4klJlYymlaK0MLJ7JaOTClQhcbFiGU6NeseN3GT26qDnV7XroTzlxMOKeCFhSoaLhVbtJ1Li5jF5d6KIbOPT7aISr1JtpkkFHfCa0qqbVBrhyYyDNWe6rtrKvOlbRwYEIkhW1Ff2JrtyDHu4KF4darqmv1jZczr+W3rdl78loqpytac7SkMY\/yyakuiGZoKGDXbzaYo4Kay5ta3vL9Q6Pst8hOkFp\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"language-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">flowchart TD\r\n    A[\u0110\u01a1n khi\u1ebfu n\u1ea1i \u0111\u00e3 n\u1ed9p] --&gt; B{Li\u1ec7u \u0111\u01a1n khi\u1ebfu n\u1ea1i \u0111\u00e3 \u0111\u1ea7y \u0111\u1ee7 ch\u01b0a?}\r\n    B -- Kh\u00f4ng --&gt; A\r\n    B -- C\u00f3 --&gt; C[Giao cho nh\u00e2n vi\u00ean \u0111i\u1ec1u ch\u1ec9nh khi\u1ebfu n\u1ea1i]\r\n    C --&gt; D[Kh\u1ea3o s\u00e1t khi\u1ebfu n\u1ea1i]\r\n    D --&gt; E{K\u1ebft qu\u1ea3 kh\u1ea3o s\u00e1t}\r\n    E -- C\u1ea7n th\u00eam th\u00f4ng tin --&gt; F[Y\u00eau c\u1ea7u th\u00eam t\u00e0i li\u1ec7u]\r\n    F --&gt; D\r\n    E -- Khi\u1ebfu n\u1ea1i \u0111\u01b0\u1ee3c x\u00e1c nh\u1eadn --&gt; G[\u01af\u1edbc t\u00ednh kho\u1ea3n thanh to\u00e1n]\r\n    G --&gt; H[Th\u1ee7 t\u1ee5c ph\u00ea duy\u1ec7t t\u1eeb qu\u1ea3n l\u00fd]\r\n    H --&gt; I{\u0110\u01b0\u1ee3c ph\u00ea duy\u1ec7t?}\r\n    I -- Kh\u00f4ng --&gt; J[Th\u00f4ng b\u00e1o cho ng\u01b0\u1eddi khi\u1ebfu n\u1ea1i v\u1ec1 vi\u1ec7c t\u1eeb ch\u1ed1i]\r\n    I -- C\u00f3 --&gt; K[X\u1eed l\u00fd thanh to\u00e1n]\r\n    K --&gt; L[Th\u00f4ng b\u00e1o cho ng\u01b0\u1eddi khi\u1ebfu n\u1ea1i]\r\n    J --&gt; L\r\n    L --&gt; M[\u0110\u00f3ng \u0111\u01a1n khi\u1ebfu n\u1ea1i]&lt;\/code?<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqNUs1Kw0AQvgu+w7xA8QXE0v+f1FsPSughRu0u1k3VTbUUD57Emz2KCMYihUqxUE8J4mFL3mPfxNndVGKpYA5JZvb7vvlmZo873qVLnHMOzeLmBuCTsxf3ccDghFAZfvnAZBhQWAzFCH+jh24LMpkdyA8aVEa3Ph78AV4MZTjuq080BpfEMyd7bSrkUQEsIj5YW2vlUumCmOtcwa5Qx0OeB4yIFwY9KiYM1bDqjY95Gd0x8rtuy+gUtEDRtogMRx5ciICvxRU1rjSw8ITDmY9oxP1wErMl7QpbYcCJmJyqtzLOKdP8sr0vJmgIEf4SIZ4pdPR4klJlYymlaK0MLJ7JaOTClQhcbFiGU6NeseN3GT26qDnV7XroTzlxMOKeCFhSoaLhVbtJ1Li5jF5d6KIbOPT7aISr1JtpkkFHfCa0qqbVBrhyYyDNWe6rtrKvOlbRwYEIkhW1Ff2JrtyDHu4KF4darqmv1jZczr+W3rdl78loqpytac7SkMY\/yyakuiGZoKGDXbzaYo4Kay5ta3vL9Q6Pst8hOkFp\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpdkV1qwzAQhN8LvcNeIPQCpcGJ8+P8EUIpFJEHYa0dFVmbeuWUEHr3ypLSmvpN+83ODuPK0Fd5kq2D1\/zxAfyXiamRuoG5NqiOMBq9wORWMLgTQhlISc3ZoMPxd9yYeBHsKEizwegdOcymImPWtYVgzJCpj44dtseonQZRLgp7QXa6lg6jMvE88Nntj2uycEDujOMUYdbfy5TSPZMGClsR7BAVqrA9Fwf87Pz6UJRT2TVoHadD8xhk4BibeJNGK58qWi3EzKdo+pR7eaXOpe1FoEuxQAdbaWWNvTdk53NLF2mSahlUxS2OUd07LAYdrsSOnK6u8bz0JlRBjlb\/uhTDetdi31KJzH2e\/mYSrQPd\/DdLdBVpfGzCY+v\/PPG9\/OenkhSOfwBsnZx3\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/li>\n<\/ol>\n<h2>L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 t\u00e1i c\u1ea5u tr\u00fac s\u01a1 \u0111\u1ed3 b\u1eb1ng c\u00e1c l\u1eddi nh\u1eafc AI v\u0103n b\u1ea3n thu\u1ea7n t\u00fay<\/h2>\n<p>Quy tr\u00ecnh hi\u1ec7n \u0111\u1ea1i h\u00f3a v\u00e0 m\u1edf r\u1ed9ng c\u00e1c \u0111o\u1ea1n m\u00e3 tr\u1ef1c quan hi\u1ec7n c\u00f3 trong VPasCode r\u1ea5t \u0111\u01a1n gi\u1ea3n v\u00e0 \u0111\u01b0\u1ee3c t\u00edch h\u1ee3p tr\u1ef1c ti\u1ebfp v\u00e0o b\u1ea3ng ch\u1ec9nh s\u1eeda.<\/p>\n<ol>\n<li><strong>Ch\u1ecdn c\u00f4ng c\u1ee5 AI:<\/strong>Trong tr\u00ecnh ch\u1ec9nh s\u1eeda m\u00e3 \u1edf b\u1ea3ng b\u00ean tr\u00e1i, nh\u1ea5p v\u00e0o n\u00fat<strong>AI<\/strong>v\u00e0 ch\u1ecdn thao t\u00e1c<strong>S\u1eeda \u0111\u1ed5i<\/strong>thao t\u00e1c.\n<p id=\"byhVlqe\"><img loading=\"lazy\" alt=\"To trigger AI Modification on a Mermaid flowchart\" class=\"alignnone wp-image-4312 size-full\" decoding=\"async\" height=\"331\" loading=\"lazy\" sizes=\"auto, (max-width: 820px) 100vw, 820px\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e75edef060.png\" srcset=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e75edef060.png 820w, https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e75edef060-300x121.png 300w, https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e75edef060-768x310.png 768w\" width=\"820\"\/><\/p>\n<\/li>\n<li><strong>Cung c\u1ea5p H\u01b0\u1edbng d\u1eabn:<\/strong>Nh\u1eadp h\u01b0\u1edbng d\u1eabn t\u00e1i c\u1ea5u tr\u00fac b\u1eb1ng ti\u1ebfng Anh thu\u1ea7n t\u00fay. V\u00ed d\u1ee5, m\u1ed9t ng\u01b0\u1eddi d\u00f9ng l\u00e0m vi\u1ec7c v\u1edbi m\u1ed9t c\u1ee5m Graphviz c\u00f3 th\u1ec3 nh\u1eadp:<em>\u201cTh\u00eam m\u1ed9t b\u01b0\u1edbc ki\u1ec3m tra gian l\u1eadn tr\u01b0\u1edbc khi \u01b0\u1edbc t\u00ednh kho\u1ea3n thanh to\u00e1n khi cu\u1ed9c \u0111i\u1ec1u tra ph\u00e1t hi\u1ec7n h\u00e0nh vi \u0111\u00e1ng ng\u1edd.\u201d<\/em>.\n<p id=\"iXGoCya\"><img loading=\"lazy\" alt='Requesting AI to modify a Mermaid flowchart, with the prompt \"Add a fraud review step before estimating the payout when the investigation identifies suspicious activity.\"' class=\"alignnone wp-image-4313 size-full\" decoding=\"async\" height=\"330\" loading=\"lazy\" sizes=\"auto, (max-width: 581px) 100vw, 581px\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e760332ef0.png\" srcset=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e760332ef0.png 581w, https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e760332ef0-300x170.png 300w\" width=\"581\"\/><\/p>\n<\/li>\n<li><strong>Th\u1ef1c hi\u1ec7n Thay \u0111\u1ed5i:<\/strong>Nh\u1ea5n<strong>S\u1eeda \u0111\u1ed5i AI<\/strong>. VPasCode ngay l\u1eadp t\u1ee9c vi\u1ebft l\u1ea1i k\u1ecbch b\u1ea3n n\u1ec1n t\u1ea3ng v\u00e0 c\u1eadp nh\u1eadt b\u1ea3n tr\u00ecnh di\u1ec5n tr\u1ef1c ti\u1ebfp, ho\u1ea1t \u0111\u1ed9ng nh\u01b0 m\u1ed9t c\u00f4ng c\u1ee5 <strong>c\u00f4ng c\u1ee5 s\u1eeda \u0111\u1ed5i m\u00e3 AI<\/strong>cho c\u00e1c DSL.<\/li>\n<\/ol>\n<h2>\u0110\u1ea3m b\u1ea3o \u0110\u1ed9 ch\u00ednh x\u00e1c D\u1eef li\u1ec7u b\u1eb1ng c\u00e1ch so s\u00e1nh m\u00e3 tr\u1ef1c quan<\/h2>\n<p>T\u00e0i li\u1ec7u k\u1ef9 thu\u1eadt ph\u1ea3i ch\u00ednh x\u00e1c. \u0110\u1ec3 \u0111\u1ea3m b\u1ea3o vi\u1ec7c t\u00e1i c\u1ea5u tr\u00fac do AI t\u1ea1o ra ph\u00f9 h\u1ee3p ho\u00e0n h\u1ea3o v\u1edbi ki\u1ebfn tr\u00fac mong mu\u1ed1n, VPasCode bao g\u1ed3m m\u1ed9t t\u00f9y ch\u1ecdn chi ti\u1ebft <em>\u201cXem chi ti\u1ebft\u201d<\/em>sau b\u1ea5t k\u1ef3 thay \u0111\u1ed5i n\u00e0o.<\/p>\n<p id=\"ZqfarMn\"><img loading=\"lazy\" alt=\"The changes made to the Mermaid flowchart by AI is visualized under the View Details tool\" class=\"alignnone wp-image-4314 size-full\" decoding=\"async\" height=\"789\" loading=\"lazy\" sizes=\"auto, (max-width: 1214px) 100vw, 1214px\" src=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e769c05182.png\" srcset=\"https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e769c05182.png 1214w, https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e769c05182-300x195.png 300w, https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e769c05182-1024x666.png 1024w, https:\/\/www.go2posts.com\/wp-content\/uploads\/2026\/08\/img_6a7e769c05182-768x499.png 768w\" width=\"1214\"\/><\/p>\n<p>Nh\u1ea5n v\u00e0o \u0111\u00e2y s\u1ebd kh\u1edfi ch\u1ea1y m\u1ed9t c\u1eeda s\u1ed5 ki\u1ec3m tra chuy\u00ean d\u1ee5ng, cung c\u1ea5p so s\u00e1nh m\u00e3 song song. C\u00e1c nh\u00e0 ph\u00e1t tri\u1ec3n c\u00f3 th\u1ec3 xem x\u00e9t c\u00e1c thay \u0111\u1ed5i v\u0103n b\u1ea3n ch\u00ednh x\u00e1c (th\u00eam v\u00e0 x\u00f3a) \u1edf khung b\u00ean tr\u00e1i trong khi so s\u00e1nh s\u01a1 \u0111\u1ed3 ban \u0111\u1ea7u v\u1edbi m\u00f4 h\u00ecnh \u0111\u00e3 c\u1eadp nh\u1eadt \u1edf khung b\u00ean ph\u1ea3i. S\u1ef1 minh b\u1ea1ch n\u00e0y \u0111\u1ea3m b\u1ea3o vi\u1ec7c qu\u1ea3n l\u00fd k\u1ef9 thu\u1eadt \u0111\u01b0\u1ee3c duy tr\u00ec, bi\u1ebfn AI th\u00e0nh c\u00f4ng c\u1ee5 t\u0103ng t\u1ed1c thay v\u00ec m\u1ed9t h\u1ed9p \u0111en.<\/p>\n<h2>T\u00e1c \u0111\u1ed9ng c\u1ee7a AI \u0111\u1ed1i tho\u1ea1i \u0111\u1ebfn quy tr\u00ecnh l\u00e0m vi\u1ec7c v\u1edbi s\u01a1 \u0111\u1ed3<\/h2>\n<ul>\n<li><strong>\u0110\u01b0\u1eddng h\u1ecdc t\u1eadp b\u1eb1ng 0 cho c\u00fa ph\u00e1p DSL:<\/strong>C\u00e1c th\u00e0nh vi\u00ean m\u1edbi c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda c\u00e1c h\u00ecnh \u1ea3nh Mermaid ho\u1eb7c Graphviz hi\u1ec7n c\u00f3 m\u00e0 kh\u00f4ng c\u1ea7n h\u1ecdc thu\u1ed9c c\u00fa ph\u00e1p tr\u01b0\u1edbc, s\u1eed d\u1ee5ng VPasCode nh\u01b0 m\u1ed9t <strong>tr\u00ecnh so\u1ea1n th\u1ea3o s\u01a1 \u0111\u1ed3 AI<\/strong>.<\/li>\n<li><strong>L\u1eb7p l\u1ea1i nhanh ch\u00f3ng:<\/strong>T\u00e0i li\u1ec7u c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c c\u1eadp nh\u1eadt nhanh ch\u00f3ng nh\u01b0 khi y\u00eau c\u1ea7u thay \u0111\u1ed5i trong c\u00e1c bu\u1ed5i \u0111\u00e1nh gi\u00e1 sprint.<\/li>\n<li><strong>Ph\u00e1t hi\u1ec7n v\u00e0 s\u1eeda l\u1ed7i t\u1ef1 \u0111\u1ed9ng:<\/strong>N\u1ebfu c\u00e1c ch\u1ec9nh s\u1eeda th\u1ee7 c\u00f4ng g\u00e2y ra l\u1ed7i, c\u00f4ng c\u1ee5 <strong>c\u00f4ng c\u1ee5 s\u1eeda l\u1ed7i AI<\/strong>t\u1ef1 \u0111\u1ed9ng s\u1eeda l\u1ea1i k\u1ecbch b\u1ea3n \u0111\u1ed3ng th\u1eddi gi\u1ea3i th\u00edch v\u1ec1 s\u1ef1 s\u1eeda ch\u1eefa.<\/li>\n<\/ul>\n<p>\u0110\u1ed1i v\u1edbi c\u00e1c nh\u00f3m k\u1ef9 thu\u1eadt \u0111\u00e3 qu\u1ea3n l\u00fd h\u00ecnh \u1ea3nh b\u1eb1ng m\u00e3, vi\u1ec7c th\u00eam t\u01b0\u01a1ng t\u00e1c b\u1eb1ng ng\u00f4n ng\u1eef t\u1ef1 nhi\u00ean s\u1ebd t\u1ed1i \u0111a h\u00f3a hi\u1ec7u qu\u1ea3 v\u00e0 kh\u1ea3 n\u0103ng b\u1ea3o tr\u00ec. B\u1ea1n c\u00f3 th\u1ec3 tr\u1ea3i nghi\u1ec7m quy tr\u00ecnh l\u00e0m vi\u1ec7c \u0111\u01b0\u1ee3c t\u0103ng c\u01b0\u1eddng b\u1edfi AI ngay l\u1eadp t\u1ee9c t\u1ea1i <a href=\"https:\/\/www.vpascode.com\/editor\/\">Tr\u00ecnh so\u1ea1n th\u1ea3o Diagram-as-Code c\u1ee7a VPasCode<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Phong tr\u00e0o &#8220;Diagram-as-Code&#8221; \u0111\u00e3 c\u00e1ch m\u1ea1ng h\u00f3a c\u00e1ch c\u00e1c nh\u00e0 ph\u00e1t tri\u1ec3n v\u00e0 nh\u00f3m k\u1ef9 thu\u1eadt qu\u1ea3n l\u00fd tr\u1ef1c quan h\u00f3a, t\u00edch h\u1ee3p n\u00f3 tr\u1ef1c ti\u1ebfp v\u00e0o c\u00e1c quy tr\u00ecnh&hellip;<\/p>\n","protected":false},"author":3,"featured_media":4068,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"T\u00e1i c\u1ea5u tr\u00fac Mermaid & Graphviz b\u1eb1ng AI: S\u1ef1 ti\u1ebfn h\u00f3a c\u1ee7a VPasCode trong m\u00f4 h\u00ecnh S\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng M\u00e3","_yoast_wpseo_metadesc":"H\u1ecdc c\u00e1ch t\u1ed1i \u01b0u h\u00f3a c\u00e1c \u0111o\u1ea1n m\u00e3 Mermaid v\u00e0 Graphviz ph\u1ee9c t\u1ea1p b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c l\u1eddi nh\u1eafc AI b\u1eb1ng ng\u00f4n ng\u1eef t\u1ef1 nhi\u00ean trong VPasCode, c\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 m\u00e3 h\u00f3a th\u1ebf h\u1ec7 ti\u1ebfp theo. Slug: refactor-mermaid-graphviz-ai-prompts","fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[83,118],"tags":[],"class_list":["post-4067","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai","category-vpascode"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>T\u00e1i c\u1ea5u tr\u00fac Mermaid &amp; Graphviz b\u1eb1ng AI: S\u1ef1 ti\u1ebfn h\u00f3a c\u1ee7a VPasCode trong m\u00f4 h\u00ecnh S\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng M\u00e3<\/title>\n<meta name=\"description\" content=\"H\u1ecdc c\u00e1ch t\u1ed1i \u01b0u h\u00f3a c\u00e1c \u0111o\u1ea1n m\u00e3 Mermaid v\u00e0 Graphviz ph\u1ee9c t\u1ea1p b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c l\u1eddi nh\u1eafc AI b\u1eb1ng ng\u00f4n ng\u1eef t\u1ef1 nhi\u00ean trong VPasCode, c\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 m\u00e3 h\u00f3a th\u1ebf h\u1ec7 ti\u1ebfp theo. Slug: refactor-mermaid-graphviz-ai-prompts\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"T\u00e1i c\u1ea5u tr\u00fac Mermaid &amp; Graphviz b\u1eb1ng AI: S\u1ef1 ti\u1ebfn h\u00f3a c\u1ee7a VPasCode trong m\u00f4 h\u00ecnh S\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng M\u00e3\" \/>\n<meta property=\"og:description\" content=\"H\u1ecdc c\u00e1ch t\u1ed1i \u01b0u h\u00f3a c\u00e1c \u0111o\u1ea1n m\u00e3 Mermaid v\u00e0 Graphviz ph\u1ee9c t\u1ea1p b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c l\u1eddi nh\u1eafc AI b\u1eb1ng ng\u00f4n ng\u1eef t\u1ef1 nhi\u00ean trong VPasCode, c\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 m\u00e3 h\u00f3a th\u1ebf h\u1ec7 ti\u1ebfp theo. Slug: refactor-mermaid-graphviz-ai-prompts\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/\" \/>\n<meta property=\"og:site_name\" content=\"Go 2 Posts Vietnamese | Breaking Digital News &amp; Software Trends\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-14T02:04:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.go2posts.com\/vn\/wp-content\/uploads\/sites\/22\/2026\/08\/refactor-mermaid-graphviz-ai-prompts-vpascode.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1376\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"jick\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"jick\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/\"},\"author\":{\"name\":\"jick\",\"@id\":\"https:\/\/www.go2posts.com\/vn\/#\/schema\/person\/706a06467599a08531f0936d9874147d\"},\"headline\":\"T\u00e1i c\u1ea5u tr\u00fac Mermaid v\u00e0 Graphviz v\u1edbi AI: S\u1ef1 ti\u1ebfn h\u00f3a c\u1ee7a Diagram-as-Code trong VPasCode\",\"datePublished\":\"2026-08-14T02:04:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/\"},\"wordCount\":1413,\"publisher\":{\"@id\":\"https:\/\/www.go2posts.com\/vn\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.go2posts.com\/vn\/wp-content\/uploads\/sites\/22\/2026\/08\/refactor-mermaid-graphviz-ai-prompts-vpascode.jpg\",\"articleSection\":[\"AI\",\"VPasCode\"],\"inLanguage\":\"vi\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/\",\"url\":\"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/\",\"name\":\"T\u00e1i c\u1ea5u tr\u00fac Mermaid & Graphviz b\u1eb1ng AI: S\u1ef1 ti\u1ebfn h\u00f3a c\u1ee7a VPasCode trong m\u00f4 h\u00ecnh S\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng M\u00e3\",\"isPartOf\":{\"@id\":\"https:\/\/www.go2posts.com\/vn\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.go2posts.com\/vn\/wp-content\/uploads\/sites\/22\/2026\/08\/refactor-mermaid-graphviz-ai-prompts-vpascode.jpg\",\"datePublished\":\"2026-08-14T02:04:41+00:00\",\"description\":\"H\u1ecdc c\u00e1ch t\u1ed1i \u01b0u h\u00f3a c\u00e1c \u0111o\u1ea1n m\u00e3 Mermaid v\u00e0 Graphviz ph\u1ee9c t\u1ea1p b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c l\u1eddi nh\u1eafc AI b\u1eb1ng ng\u00f4n ng\u1eef t\u1ef1 nhi\u00ean trong VPasCode, c\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 m\u00e3 h\u00f3a th\u1ebf h\u1ec7 ti\u1ebfp theo. Slug: refactor-mermaid-graphviz-ai-prompts\",\"breadcrumb\":{\"@id\":\"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/#primaryimage\",\"url\":\"https:\/\/www.go2posts.com\/vn\/wp-content\/uploads\/sites\/22\/2026\/08\/refactor-mermaid-graphviz-ai-prompts-vpascode.jpg\",\"contentUrl\":\"https:\/\/www.go2posts.com\/vn\/wp-content\/uploads\/sites\/22\/2026\/08\/refactor-mermaid-graphviz-ai-prompts-vpascode.jpg\",\"width\":1376,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.go2posts.com\/vn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"T\u00e1i c\u1ea5u tr\u00fac Mermaid v\u00e0 Graphviz v\u1edbi AI: S\u1ef1 ti\u1ebfn h\u00f3a c\u1ee7a Diagram-as-Code trong VPasCode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.go2posts.com\/vn\/#website\",\"url\":\"https:\/\/www.go2posts.com\/vn\/\",\"name\":\"Go 2 Posts Vietnamese | Breaking Digital News &amp; Software Trends\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.go2posts.com\/vn\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.go2posts.com\/vn\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.go2posts.com\/vn\/#organization\",\"name\":\"Go 2 Posts Vietnamese | Breaking Digital News &amp; Software Trends\",\"url\":\"https:\/\/www.go2posts.com\/vn\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/www.go2posts.com\/vn\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.go2posts.com\/vn\/wp-content\/uploads\/sites\/22\/2025\/01\/logo.png\",\"contentUrl\":\"https:\/\/www.go2posts.com\/vn\/wp-content\/uploads\/sites\/22\/2025\/01\/logo.png\",\"width\":341,\"height\":46,\"caption\":\"Go 2 Posts Vietnamese | Breaking Digital News &amp; Software Trends\"},\"image\":{\"@id\":\"https:\/\/www.go2posts.com\/vn\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.go2posts.com\/vn\/#\/schema\/person\/706a06467599a08531f0936d9874147d\",\"name\":\"jick\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/www.go2posts.com\/vn\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g\",\"caption\":\"jick\"},\"url\":\"https:\/\/www.go2posts.com\/vn\/author\/jick\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"T\u00e1i c\u1ea5u tr\u00fac Mermaid & Graphviz b\u1eb1ng AI: S\u1ef1 ti\u1ebfn h\u00f3a c\u1ee7a VPasCode trong m\u00f4 h\u00ecnh S\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng M\u00e3","description":"H\u1ecdc c\u00e1ch t\u1ed1i \u01b0u h\u00f3a c\u00e1c \u0111o\u1ea1n m\u00e3 Mermaid v\u00e0 Graphviz ph\u1ee9c t\u1ea1p b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c l\u1eddi nh\u1eafc AI b\u1eb1ng ng\u00f4n ng\u1eef t\u1ef1 nhi\u00ean trong VPasCode, c\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 m\u00e3 h\u00f3a th\u1ebf h\u1ec7 ti\u1ebfp theo. Slug: refactor-mermaid-graphviz-ai-prompts","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/","og_locale":"vi_VN","og_type":"article","og_title":"T\u00e1i c\u1ea5u tr\u00fac Mermaid & Graphviz b\u1eb1ng AI: S\u1ef1 ti\u1ebfn h\u00f3a c\u1ee7a VPasCode trong m\u00f4 h\u00ecnh S\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng M\u00e3","og_description":"H\u1ecdc c\u00e1ch t\u1ed1i \u01b0u h\u00f3a c\u00e1c \u0111o\u1ea1n m\u00e3 Mermaid v\u00e0 Graphviz ph\u1ee9c t\u1ea1p b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c l\u1eddi nh\u1eafc AI b\u1eb1ng ng\u00f4n ng\u1eef t\u1ef1 nhi\u00ean trong VPasCode, c\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 m\u00e3 h\u00f3a th\u1ebf h\u1ec7 ti\u1ebfp theo. Slug: refactor-mermaid-graphviz-ai-prompts","og_url":"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/","og_site_name":"Go 2 Posts Vietnamese | Breaking Digital News &amp; Software Trends","article_published_time":"2026-08-14T02:04:41+00:00","og_image":[{"width":1376,"height":768,"url":"https:\/\/www.go2posts.com\/vn\/wp-content\/uploads\/sites\/22\/2026\/08\/refactor-mermaid-graphviz-ai-prompts-vpascode.jpg","type":"image\/jpeg"}],"author":"jick","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"jick","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"5 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/#article","isPartOf":{"@id":"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/"},"author":{"name":"jick","@id":"https:\/\/www.go2posts.com\/vn\/#\/schema\/person\/706a06467599a08531f0936d9874147d"},"headline":"T\u00e1i c\u1ea5u tr\u00fac Mermaid v\u00e0 Graphviz v\u1edbi AI: S\u1ef1 ti\u1ebfn h\u00f3a c\u1ee7a Diagram-as-Code trong VPasCode","datePublished":"2026-08-14T02:04:41+00:00","mainEntityOfPage":{"@id":"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/"},"wordCount":1413,"publisher":{"@id":"https:\/\/www.go2posts.com\/vn\/#organization"},"image":{"@id":"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/#primaryimage"},"thumbnailUrl":"https:\/\/www.go2posts.com\/vn\/wp-content\/uploads\/sites\/22\/2026\/08\/refactor-mermaid-graphviz-ai-prompts-vpascode.jpg","articleSection":["AI","VPasCode"],"inLanguage":"vi"},{"@type":"WebPage","@id":"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/","url":"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/","name":"T\u00e1i c\u1ea5u tr\u00fac Mermaid & Graphviz b\u1eb1ng AI: S\u1ef1 ti\u1ebfn h\u00f3a c\u1ee7a VPasCode trong m\u00f4 h\u00ecnh S\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng M\u00e3","isPartOf":{"@id":"https:\/\/www.go2posts.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/#primaryimage"},"image":{"@id":"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/#primaryimage"},"thumbnailUrl":"https:\/\/www.go2posts.com\/vn\/wp-content\/uploads\/sites\/22\/2026\/08\/refactor-mermaid-graphviz-ai-prompts-vpascode.jpg","datePublished":"2026-08-14T02:04:41+00:00","description":"H\u1ecdc c\u00e1ch t\u1ed1i \u01b0u h\u00f3a c\u00e1c \u0111o\u1ea1n m\u00e3 Mermaid v\u00e0 Graphviz ph\u1ee9c t\u1ea1p b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c l\u1eddi nh\u1eafc AI b\u1eb1ng ng\u00f4n ng\u1eef t\u1ef1 nhi\u00ean trong VPasCode, c\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 m\u00e3 h\u00f3a th\u1ebf h\u1ec7 ti\u1ebfp theo. Slug: refactor-mermaid-graphviz-ai-prompts","breadcrumb":{"@id":"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/#primaryimage","url":"https:\/\/www.go2posts.com\/vn\/wp-content\/uploads\/sites\/22\/2026\/08\/refactor-mermaid-graphviz-ai-prompts-vpascode.jpg","contentUrl":"https:\/\/www.go2posts.com\/vn\/wp-content\/uploads\/sites\/22\/2026\/08\/refactor-mermaid-graphviz-ai-prompts-vpascode.jpg","width":1376,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/www.go2posts.com\/vn\/refactor-mermaid-and-graphviz-with-ai\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.go2posts.com\/vn\/"},{"@type":"ListItem","position":2,"name":"T\u00e1i c\u1ea5u tr\u00fac Mermaid v\u00e0 Graphviz v\u1edbi AI: S\u1ef1 ti\u1ebfn h\u00f3a c\u1ee7a Diagram-as-Code trong VPasCode"}]},{"@type":"WebSite","@id":"https:\/\/www.go2posts.com\/vn\/#website","url":"https:\/\/www.go2posts.com\/vn\/","name":"Go 2 Posts Vietnamese | Breaking Digital News &amp; Software Trends","description":"","publisher":{"@id":"https:\/\/www.go2posts.com\/vn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.go2posts.com\/vn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/www.go2posts.com\/vn\/#organization","name":"Go 2 Posts Vietnamese | Breaking Digital News &amp; Software Trends","url":"https:\/\/www.go2posts.com\/vn\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.go2posts.com\/vn\/#\/schema\/logo\/image\/","url":"https:\/\/www.go2posts.com\/vn\/wp-content\/uploads\/sites\/22\/2025\/01\/logo.png","contentUrl":"https:\/\/www.go2posts.com\/vn\/wp-content\/uploads\/sites\/22\/2025\/01\/logo.png","width":341,"height":46,"caption":"Go 2 Posts Vietnamese | Breaking Digital News &amp; Software Trends"},"image":{"@id":"https:\/\/www.go2posts.com\/vn\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.go2posts.com\/vn\/#\/schema\/person\/706a06467599a08531f0936d9874147d","name":"jick","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.go2posts.com\/vn\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g","caption":"jick"},"url":"https:\/\/www.go2posts.com\/vn\/author\/jick\/"}]}},"_links":{"self":[{"href":"https:\/\/www.go2posts.com\/vn\/wp-json\/wp\/v2\/posts\/4067","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.go2posts.com\/vn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.go2posts.com\/vn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.go2posts.com\/vn\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.go2posts.com\/vn\/wp-json\/wp\/v2\/comments?post=4067"}],"version-history":[{"count":0,"href":"https:\/\/www.go2posts.com\/vn\/wp-json\/wp\/v2\/posts\/4067\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.go2posts.com\/vn\/wp-json\/wp\/v2\/media\/4068"}],"wp:attachment":[{"href":"https:\/\/www.go2posts.com\/vn\/wp-json\/wp\/v2\/media?parent=4067"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.go2posts.com\/vn\/wp-json\/wp\/v2\/categories?post=4067"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.go2posts.com\/vn\/wp-json\/wp\/v2\/tags?post=4067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}