What problem does it solve? When you edit a diagram that was used to generate a webpage, the HTML page becomes stale. This Skill closes the round-trip by re-emitting the webpage from the edited diagram source, backing up the original file, and showing exactly what changed. ## Core Features & Use Cases - Diagram-to-webpage re-emission: Parses the old page and the new diagram into an intermediate representation (IR), computes a structural diff, then regenerates the HTML via the ascii-to-html pipeline. - Safe overwrite with rollback: Atomically backs up the original page to a .bak file before overwriting, and automatically restores it if validation fails. - Dual diff reporting: Surfaces both an IR-level diff (nodes added/removed/moved) and an HTML-level structural diff so you can review changes before and after regeneration. - Use Case: You generated a landing page from an ASCII wireframe, then edited the wireframe to add a pricing section. Run this Skill to sync the page: it shows the added section in the diff, rewrites the HTML, and keeps the old version in .bak. ## Quick Start Ask the AI to sync your edited diagram back into your webpage, for example: re-emit landing.html from the updated wireframe in layout.txt and show me what changed.
