tech-logos

Install official, theme-aware brand logos from the Elements registry.

567|82|Updated Mar 15, 2026
One-click install
npx skills add https://github.com/pedronauck/skills --skill tech-logos
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tech-logos
Source: https://github.com/pedronauck/skills/tree/main/skills/tech-logos
Command: npx skills add https://github.com/pedronauck/skills --skill tech-logos

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies the process of adding official, theme-aware brand logos for various technologies and companies directly into your project, ensuring consistent and professional branding.

Core Features & Use Cases

  • Install Official Logos: Easily add logos from a curated registry using a simple command.
  • Theme Awareness: Logos automatically adapt to light and dark modes.
  • Use Case: When building a landing page or an integration showcase, you need to display logos of the technologies or services you support, like OpenAI, GitHub, or Vercel. This skill provides a quick way to add them.

Quick Start

Use the tech-logos skill to add the GitHub logo to your project.

Frequently Asked Questions about tech-logos

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add official tech company logos to my project's landing page?

You can add official tech company logos by installing theme-aware brand assets from a curated Elements registry, which provides icons for building landing pages, auth UIs, or integration showcases. Logos automatically adapt to light and dark modes.

Can I get brand logos that automatically support light and dark mode?

Yes, brand logos installed from the registry are theme-aware, meaning they automatically adapt to both light and dark modes to ensure consistent visual branding across your application UI without manual switching logic.

What's the best way to display integration showcase logos for services like OpenAI or GitHub?

The best way to display integration showcase logos is using a curated registry that provides official, theme-aware brand assets for tech companies and AI providers, ensuring professional and consistent branding directly in your project.

Do I need any specific UI dependencies to use brand logos in my frontend?

No specific UI dependencies are required to use these brand logos. The Skill installs official brand assets directly into your project, allowing you to reference them within your existing frontend components and layouts.

How do I trigger the installation of a specific brand icon like the Vercel logo?

You trigger the installation of a specific brand icon by using keywords like "logo", "brand", "icon", or "add [company] logo" in your command, prompting the system to fetch the asset from the registry.

Are there limitations to the available brand logos in the registry?

The available brand logos are limited to the curated selection within the Elements registry, focusing primarily on tech companies, AI providers, and social platforms needed for typical landing pages and auth UIs.