What problem does it solve? Creating or editing HTML-rendered diagrams by hand leads to inconsistent markup, broken validation, and structural drift when patching existing files. This Skill provides a single dispatcher that routes new briefs to the right diagram producer and runs existing .html files through a deterministic parse-patch-re-render-validate pipeline. ## Core Features & Use Cases - Create path dispatch: Routes new diagram briefs to an editorial diagram producer (13 archetypes) or a dense infographic producer based on --style flags or brief cues. - Modify path pipeline: Parses an existing .html file into an intermediate representation (IR), applies the requested edit, re-renders, and re-validates with a retry budget of 3. - Validation gate: Every emitted file must pass xmllint/tidy validation plus a 12-item AI-slop-avoid checklist; failures leave the original file untouched. - Use Case: Given an existing onboarding-funnel.html, ask to rename stage 3 from 'Verify' to 'Confirm' and update the conversion rate to 84%; the Skill patches the IR and re-emits a validated self-contained HTML file. ## Quick Start Ask the AI to create an HTML flow diagram of a 4-step user onboarding funnel with conversion rates, or to edit an existing diagram file such as existing-diagram.html.
