{"version":"1.0","provider_name":"Learn VP","provider_url":"https:\/\/www.learn-vp.com\/cn","author_name":"vpadmin","author_url":"https:\/\/www.learn-vp.com\/cn\/author\/vpadmin\/","title":"ATM Sequence Diagram to Technical Spec","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"KOFFvQZNj7\"><a href=\"https:\/\/www.learn-vp.com\/cn\/gallery\/atm-sequence-diagram-to-technical-spec\/\">ATM Sequence Diagram to Technical Spec<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.learn-vp.com\/cn\/gallery\/atm-sequence-diagram-to-technical-spec\/embed\/#?secret=KOFFvQZNj7\" width=\"600\" height=\"338\" title=\"\u300a ATM Sequence Diagram to Technical Spec \u300b\u2014Learn VP\" data-secret=\"KOFFvQZNj7\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/www.learn-vp.com\/cn\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","thumbnail_url":"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a311f74e0030.png","thumbnail_width":1024,"thumbnail_height":1024,"description":"Why This Matters: Real-World Use Cases To help you visualize how this integration optimizes your day-to-day operations, here are a few common scenarios where the VPasCode-to-OpenDocs pipeline shines: Software Architecture & Technical Specs: A software engineer edits a complex system architecture using PlantUML or a microservices sequence diagram in Mermaid inside VPasCode. Once the logic looks solid, they push the diagram straight to the OpenDocs pipeline. They can then switch over to OpenDocs to write the full technical specification document around that live blueprint."}