visual-contentlisted

**Canonical skill URI**: `skill://brand:visual-content` # F5 Visual Content ## Overview This skill extends `brand-guardian` with format-specific rules. The foundational color palette, typography, and brand identity rules are defined there — this skill tells you how to apply them correctly for each output format. If you have not already consulted `brand-guardian` for the base brand specs, do so before applying the format-specific guidance below. **Keywords**: Mermaid diagrams, Excalidraw, PowerPoint, PPTX, slides, presentation, YouTube, video thumbnail, social media, screenshots, visual assets, diagrams, architecture diagrams ## Mermaid diagrams The docs-theme pre-configures Mermaid with F5-branded theme variables and 9 registered icon packs. Diagrams render on a white-forced background container regardless of site theme. ### Registered icon packs Source: `docs-theme/config.ts` lines 307-317 | Pack name | Icon count | Best for | | --------- | ---------- | -------- | | `f5-brand` | 665 | F5 product/security concepts | | `f5xc` | 30 | F5 Distributed Cloud services | | `hashicorp-flight` | 672 | Cloud providers, K8s, vendor logos | | `carbon` | 2,582 | IBM Carbon design UI icons | | `lucide` | ~1,600 | Clean general-purpose UI icons | | `mdi` | 7,638 | Material Design comprehensive set | | `phosphor` | 9,161 | Phosphor icons (6 weight variants) | | `tabler` | 6,034 | Tabler line icons | | `azure` | 606 | Azure architecture icons | Additional packs available but not reg