Diagram Design

Deze skill helpt ontwerparchitecten, engineers en technisch schrijvers binnen enkele seconden professionele diagrammen te maken die aansluiten op hun merkidentiteit. Hij ondersteunt 39 diagramtypen, van datamodellen en implementatiearchitecturen tot Wardley-kaarten en klantreisdiagrammen. Elk diagram is een geoptimaliseerd, zelfstandig HTML-bestand met ingebedde SVG en CSS, zonder externe afhankelijkheden.

Hoogtepunten

• Extraheert automatisch merktokens uit je website of lokale designsysteem
• Ondersteunt 39 diagramtypen, waaronder stroomdiagrammen, sequentiediagrammen, toestandsmachines, ER-modellen, Gantt-diagrammen, Sankey-diagrammen en UML-klassendiagrammen
• Tekent bestaande draw.io- en Mermaid-bestanden opnieuw op aangepaste formaten en detailniveaus
• Handhaaft redactionele kwaliteitsnormen zoals een minimale knooppuntdichtheid, duidelijke labels en volledige toegankelijkheid
• Levert HTML-diagrammen als één bestand, geoptimaliseerd voor web, drukwerk en documentatie
• Ingebouwde ondersteuning voor lichte en donkere thema's en optionele schets- of terminalstijlen

Het systeem stelt helderheid voorop door streng te vereenvoudigen: elk element moet aantoonbaar waarde toevoegen. Het hanteert een verplicht raster van vier pixels en zes regels voor verbindingslijnen om visuele dubbelzinnigheid te voorkomen. Wanneer de complexiteit de vastgestelde limieten overschrijdt, worden diagrammen automatisch opgesplitst in overzichts- en detailweergaven. Geschikt voor systeemarchitecten, productteams en workflows voor technische documentatie die snel visuele communicatie in de eigen huisstijl willen maken zonder externe tools.