How does it ensure icons look good at small sizes?

The skill enforces quality rules such as avoiding thin strokes and provides specific verification steps for 16px and 24px variants.

Can it generate icons for mobile web apps?

Yes, it specifically creates apple-touch-icons and PWA-compliant icons, including the required maskable versions for Android.

Does this skill help with Unreal Engine packaging?

Yes, it includes specialized workflows for generating Windows .ico, macOS .iconset/.icns, and Linux .png formats required for UE game distribution.

Does it provide the code to implement the icons?

Yes, it generates manifest.webmanifest examples and the necessary HTML snippets for immediate web integration.

What source formats does the Icon Generator support?

It prefers a 1024x1024 square PNG or a clean SVG file to ensure high-quality downscaling across all required sizes.

Icon Asset Generator

Name: Icon Asset Generator
Author: ssdeanx

byssdeanx

•

Design Tools

Automates the generation of production-ready web favicons, PWA assets, and game engine icon bundles from a single source file.

This skill provides a streamlined workflow for developers and designers to generate comprehensive icon sets for web applications and Unreal Engine projects. It automates the creation of multi-size .ico files, apple-touch-icons, and maskable PWA assets while adhering to safe-area guidelines and platform-specific requirements. By utilizing a central Python script and reference documentation, it ensures high-quality rendering at small scales and provides the necessary HTML snippets and manifests for immediate deployment.

Key Features

01Built-in guidance for PWA maskable icons and safe-area compliance

02Multi-platform asset generation for Web, PWA, and Unreal Engine (Windows, macOS, Linux)

031 GitHub stars

04Generation of necessary web metadata, including manifest.webmanifest and HTML head tags

05Automated conversion of SVG or high-resolution PNGs into optimized multi-size .ico bundles

06Quality-focused workflow with specific checks for low-resolution legibility at 16px and 24px

Use Cases

01Preparing icon sets for cross-platform distribution of an Unreal Engine game

02Generating a complete set of favicons and PWA icons for a new web application

03Automating the creation of maskable icons to ensure perfect display on various mobile OS platforms

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ssdeanx/ai-skills icon-generator

For use in Claude.ai and ChatGPT

Download Skill