Logo Search Skill

Logo Search Skill

Overview

Use this skill when a user asks for company/product logos, especially for UI implementation or replacing text labels with logos in a static page. The goal is to return usable assets fast (prefer SVG), with trustworthy sources and licensing notes.

Workflow

1. Confirm requirements

• Brand/product names and exact variants (wordmark vs symbol).
• Preferred formats (svg first, then png fallback).
• Style constraints (monochrome, filled, outlined, light/dark usage).
• Delivery target (web app, mobile app, slides, docs).

2. Search in this priority order

• Existing project assets (avoid duplicate imports and inconsistent variants).
• https://svgl.app/ for developer-ready SVG packs.
• Official brand pages/press kits from the company website.
• https://simpleicons.org/ for icon-style marks when brand permits.

3. Validate each candidate

• Confirm source is official or widely trusted.
• Check SVG quality: clean paths, valid viewBox, no raster image embedding.
• Check visual fit at small sizes (16px, 24px, 32px).
• Note licensing/trademark constraints when known.

4. Return an implementation-ready result

• Provide 2-3 ranked options per brand.
• Include direct source links and why each option is preferred.
• Recommend default + fallback option.
• Include integration notes (size, color mode, accessibility label).

5. For bulk or demo-page replacement

• Prefer wordmarks when a logo is replacing visible text.
• Download the chosen assets locally before publishing a static page.
• Use scripts/build_logo_demo.py when the user wants a fast before/after demo page from simple placeholders.

CLI Quick Start

Use this script for fast, repeatable lookups:

python3 scripts/logo_search.py OpenAI Anthropic

With SVG metadata validation on the recommended asset:

python3 scripts/logo_search.py OpenAI Anthropic --validate

Prefer wordmarks when replacing text labels:

python3 scripts/logo_search.py OpenAI Anthropic Cursor --prefer wordmark --validate

Turn a simple placeholder page into a publishable logo demo:

python3 scripts/build_logo_demo.py assets/demo/names.html assets/demo/logos.html

Output Template

Use this structure in responses:

• Brand:
• Recommended: <asset link + reason>
• Fallbacks: <asset link(s)>
• License/Trademark note:
• Implementation note: <size/color/accessibility recommendation>

Guardrails

• Do not claim trademark rights ownership.
• If licensing is unclear, explicitly mark it as "needs legal/brand review".
• Prefer official brand resources over third-party mirrors.
• Avoid low-quality or inconsistent logo variants unless user explicitly requests them.
• If a product does not expose a good public SVG, state when you are using a curated fallback icon.

Resources

• Read references/sources.md for source-specific selection and licensing checks.
• Use scripts/logo_search.py to discover ranked logo candidates from trusted sources.
• Use scripts/build_logo_demo.py for placeholder-to-logo demo pages with downloaded local assets.
• Use scripts/check_svg.py to inspect SVG metadata quickly before recommending an asset.