skills.rest
JBonfim
JBonfimCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

tech-logos

Install official theme-aware brand logos as React components from the Elements registry.

Updated May 15, 2026
Search Tags:#dark mode#react components#landing pages#brand assets#ui integration#tech logos#icon wordmark
One-click install
npx skills add https://github.com/JBonfim/skill-developer --skill tech-logos-jbonfim
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tech-logos
Source: https://github.com/JBonfim/skill-developer/tree/main/.agents/skills/tech-logos
Command: npx skills add https://github.com/JBonfim/skill-developer --skill tech-logos-jbonfim

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It eliminates the time-consuming search and manual sourcing of brand logos by installing official, theme-aware logos directly from a shared Elements registry.

Core Features & Use Cases

  • Official logo installation: Installs brand logos (e.g., GitHub, OpenAI, Vercel) using a consistent, supported workflow for UI integration.
  • Theme-aware React components: Supports light/dark modes and icon vs wordmark variants to fit modern design systems.
  • Discoverable catalog & fallbacks: Helps users find available logos and provides an easy path to request missing brand assets via a pre-filled issue.

Quick Start

Use the tech-logos skill to install the GitHub and OpenAI logos for your landing page and render them as React components.

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 brand logos to my React landing page?▼

To add official tech brand logos to your React landing page, you can install theme-aware components from a shared Elements registry, rendering recognizable brand iconography with light and dark mode support.

Can I get both the icon and wordmark variants for brand assets?▼

Yes, the installed brand assets support both icon and wordmark variants, allowing you to choose the appropriate visual format for your UI integration or auth screen buildouts.

Does this provide theme-aware logos for dark mode UI integration?▼

Yes, it provides theme-aware logos for dark mode UI integration by supporting light and dark modes natively within the React components to fit modern design systems.

What's the best way to find and request missing software brand logos?▼

The best way to handle missing software brand logos is to use the discoverable catalog to search available assets, which provides an easy path to request missing brand assets via a pre-filled issue.

Do I need to manually source brand assets for an integrations showcase?▼

No, you do not need to manually source brand assets for an integrations showcase; you can install official, theme-aware logos directly using consistent registry installation commands.

Related Skills

Explore More Design & Creative Skills→
pedronauckpedronauck
567

tech-logos

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

Community
Basic
bmadiganbmadigan
1

shadcn-ui

Create public-facing React interfaces with ShadCN UI and Inertia.js.

Community
Intermediate
chrpacchrpac
1

doublea-brand-guidelines

Apply Double A brand guidelines to build on-brand UI across pages and dashboards.

Community
Intermediate
aymenhamoudiiaymenhamoudii

tailwind-design-system

Create scalable Tailwind CSS v4 design systems with @theme tokens and CVA variants.

Community
Advanced