brand-icons

Generate favicons, app icons, and Open Graph images from SVG and PNG sources.

3|2|Updated Mar 17, 2026
One-click install
npx skills add https://github.com/broomva/skills --skill brand-icons
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: brand-icons
Source: https://github.com/broomva/skills/tree/main/skills/design/brand-icons
Command: npx skills add https://github.com/broomva/skills --skill brand-icons

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires arcan-glass, seo-llmeo, and includes references (resource) components.

What problem does it solve?

This skill eliminates the manual effort required to create, resize, and audit visual identity assets, ensuring brand consistency across web, mobile, and social platforms.

Core Features & Use Cases

  • Automated Asset Generation: Instantly produce complete sets of favicons, app icons, and Open Graph images from a single source file.
  • Brand Auditing: Automatically scan project directories to identify missing or inconsistent brand assets.
  • Use Case: When launching a new web project, use this skill to generate all required favicon sizes, PWA icons, and social media banners from your primary logo file to ensure a professional, uniform look.

Quick Start

Use the brand-icons skill to generate a full set of favicons and app icons from the logo.svg file in the current directory.

Frequently Asked Questions about brand-icons

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

FAQPage Schema
How do I generate favicons and app icons from a single SVG logo?

Generate favicons and app icons by providing a single SVG source file to automate asset resizing. The skill processes the source file to produce complete sets of favicons, PWA icons, and Open Graph images, ensuring consistent cross-platform visual identity output.

What's the best way to audit missing brand assets across a project directory?

Audit missing brand assets by scanning project directories to identify inconsistent or absent visual identity files. The skill performs automated design audits that detect missing favicons, app icons, and social media banners, highlighting where brand consistency is broken.

Can I use this skill to create Open Graph images for social media?

Create Open Graph images for social media by processing your source logo file through the asset generation workflow. The skill supports social media asset creation, automatically resizing and formatting source SVG or PNG files into standardized Open Graph output.

Do I need image processing capabilities to handle PNG source files for brand asset generation?

Image processing capabilities are required to handle PNG and SVG source files for brand asset generation. The skill depends on these capabilities to manage cross-platform output, ensuring favicons and app icons maintain visual consistency across web and mobile.

Why does my brand visual identity look inconsistent across web and mobile platforms?

Brand visual identity looks inconsistent across web and mobile when assets are manually resized without standardized output. Automating asset generation from a single source file eliminates manual effort and ensures uniform favicons, app icons, and Open Graph images across all platforms.

Does the brand-icons skill work with arcan-glass and seo-llmeo dependencies?

The brand-icons skill works with arcan-glass and seo-llmeo dependencies to support its visual identity automation workflows. These dependencies enable the skill to process image files and manage project-wide design audits for consistent cross-platform branding output.