tech-logos-skill

Claude Code skill for fetching, validating, and embedding technology logos with dark/light theme support.

What it does

• Fetches SVG/PNG logos from vectorlogo.zone, gilbarbara/logos, and official sources
• Creates dark mode variants with proper fill color transformations
• Validates downloaded files (SVG integrity, correct company, color visibility)
• Provides embedding patterns for row layouts and floating aside layouts
• Includes AWS service logo templates with consistent architecture-icon style

Installation

Copy this directory to ~/.claude/skills/tech-logos/

File Structure

tech-logos/
├── SKILL.md                              — Full skill instructions (read by Claude Code)
├── gotchas.md                            — 28 documented pitfalls covering validation, dark mode, embedding, and sizing
├── README.md                             — This file
└── references/
    ├── embedding-patterns.html           — HTML templates for row and aside logo layouts
    ├── aws-logo-template.svg             — SVG template for AWS architecture-icon style logos
    └── css-classes.md                    — Quick reference for logo CSS classes and theme toggling

Usage

Invoke with /tech-logos in Claude Code, or it triggers automatically when adding technology logos to pages.