Visual Explainer

Overzicht

Visual Explainer zet technische informatie om in publicatieklare HTML-pagina's. Of je nu systeemarchitectuur, codewijzigingen, meetgegevens of projectplannen uitlegt, de skill maakt visualisaties met toetsenbordnavigatie, focusstatussen en automatische ondersteuning voor de donkere modus, zonder externe afhankelijkheden.

Hoogtepunten

• Maakt Mermaid-stroomdiagrammen, sequentiediagrammen, ER-schema's, C4-modellen en toestandsmachines met zoom- en verschuifbediening
• Levert volledig zelfstandige HTML met semantische opmaak
• Dwingt toetsenbordtoegankelijkheid, zichtbare focusindicatoren en ondersteuning voor minder beweging af
• Ondersteunt presentaties en vergelijkingslay-outs voor demonstraties en beoordelingen
• Biedt een optionele Quick-modus voor lichte JSON-specificaties met afzonderlijke validatie

Voor wie is dit bedoeld

Gebruik deze skill wanneer technische uitvoer van nature visueel is en ASCII-art tekortschiet. De skill verduidelijkt architectuurbeoordelingen, legt codeverschillen uit, vat gegevens samen en brengt strategische plannen overzichtelijk in beeld, zodat belanghebbenden complexe informatie in één oogopslag begrijpen.