techwolf-logolisted

# TechWolf Logo Skill This skill bundles the official TechWolf logo assets. **Always use these files** when a TechWolf logo is needed in any output. ## CRITICAL RULE **NEVER generate, recreate, or approximate the TechWolf logo from memory.** The logo contains precise SVG paths that cannot be reproduced correctly by guessing. Always read and copy the exact files from this skill directory. ## Logo Variants | File | Description | Use when | |------|-------------|----------| | `techwolf-logo-dark` | Dark text + aquamarine circle | Light backgrounds | | `techwolf-logo-white` | White text + aquamarine circle | **Dark backgrounds (most common in TechWolf UI)** | | `techwolf-logo-mono-dark` | All dark (single color) | Monochrome contexts on light backgrounds | | `techwolf-logo-mono-white` | All white (single color) | Monochrome contexts on dark backgrounds | Each variant is available as both `.svg` (vector, preferred for web) and `.png` (raster, for documents/images). ## How to Use ### In HTML / Web outputs 1. Read the appropriate SVG file from this skill directory 2. Embed the SVG content inline in your HTML ```html <!-- Example: read techwolf-logo-white.svg and paste its content here --> <div class="logo"> <!-- paste exact SVG content from the file --> </div> ``` ### In documents, images, or other outputs 1. Copy the appropriate PNG file to your output directory 2. Reference it from your document ### currentColor version (for HTML where logo color should inherit from