What problem does it solve? Explaining architectures, workflows, and deployment plans through text alone is slow and error-prone; this Skill produces self-contained, dark-themed visual HTML reports with diagrams, cards, and evidence tables that make technical ideas understandable at a glance. ## Core Features & Use Cases - Deterministic JSON-spec rendering: Write a small report.spec.json using an approved component catalog (Hero, FlowDiagram, ArchitectureMap, DecisionGuide, RiskRadar, EvidenceTable, Checklist), then validate and render it to offline HTML with Python scripts. - Midnight Visual dark design: Enforced dark-only theme with readability gates, no external CDN assets, no white backgrounds, and built-in secret/account-ID masking for AWS content. - Publishing pipeline: Validate HTML for offline safety and credential leaks, then publish to a local LAN surface with URL verification and 30-day archival lifecycle. - Use Case: When asked to "explain visually" how an AMI promotion flow works across DEV and PROD accounts, generate a spec with lanes, nodes, risks, and a decision guide, render it, and publish a shareable local URL. ## Quick Start Ask the AI to create a visual explainer report of your architecture or workflow as a JSON spec, then render and publish it with the included scripts.
