ReddRadar
Agent skill
icon-generator
Generate web UI/UX icon assets (favicon.ico, apple-touch-icon, PWA icons incl. maskable) and optionally Unreal Engine packaging icons (Windows .ico, macOS .iconset/.icns, Linux .png) from a single source SVG/PNG; use when you need correct multi-size icon files, safe-area guidance, manifests/head tags, or automation.
Install this agent skill to your Project
npx add-skill https://github.com/ssdeanx/AI-Skills/tree/main/skills/icon-generator
SKILL.md
Icon Generator
You generate icon asset bundles for web UI/UX first (favicons + PWA icons), and you can also generate Unreal Engine packaging icon assets when needed.
Fast workflow
-
Pick target(s): Web UI/UX (favicon + PWA icons) and/or Unreal Engine packaging (optional).
-
Pick the source icon: prefer a 1024x1024 PNG (square) or a clean SVG. If it's not square, choose whether to crop or pad (default: pad).
-
Generate the assets using
scripts/generate_icons.py.
Web/PWA sizes and safe-area rules: references/web-ui-ux.md
Unreal Engine formats and expectations: references/unreal-engine.md
Full size tables: references/icon-sizes.md
- Verify output quality: ensure the
.icocontains multiple sizes, and the 16/24/32 px variants are crisp.
Quality rules (what "good" looks like)
- Design for small sizes: avoid thin strokes, tiny text, and busy details.
- Prefer transparent backgrounds for desktop icons unless you intentionally "plate" the icon.
- Preview at 16px and 24px. If it becomes muddy, create a simpler variant.
Automation (recommended)
Run and customize the script:
- Script:
scripts/generate_icons.py - It supports:
- Web/PWA set:
favicon.ico,apple-touch-icon.png,icon-192.png,icon-512.png,icon-maskable-512.png - UE sets (optional): Windows
.ico, macOS.iconset, Linux.png
- Web/PWA set:
If you need HTML <head> snippets, manifest.webmanifest examples, and maskable safe-area guidance, read:
references/web-ui-ux.md
Notes
- If your input is SVG and Python SVG rasterization is unavailable on your machine, export a 1024x1024 PNG first (e.g., Inkscape), then rerun the script using the PNG.
- Keep this SKILL.md lean; detailed size tables live in the reference files.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
ssdeanx/AI-Skills
task-generator
Generate structured task lists from specs or requirements. IMPORTANT: After completing ANY spec via ExitSpecMode, ALWAYS ask the user: "Would you like me to generate a task list for this spec?" Use when user confirms or explicitly requests task generation from a plan/spec/PRD.
ssdeanx/AI-Skills
web-ui-ux
Web UI/UX specialist guidance for designing, reviewing, and polishing web product UI (layout, usability, microcopy, accessibility, responsive behavior, forms, navigation). Use when asked to improve UI/UX, audit a page, design a screen, create a component spec, or generate HTML head/manifest/icon guidance for a web app; optionally applicable to Unreal UI (UMG) for UX heuristics.
ssdeanx/AI-Skills
hello-world
A simple introductory skill that demonstrates basic OpenCode skill functionality and provides a starting template
ssdeanx/AI-Skills
skill-creator
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
davila7/claude-code-templates
verl-rl-training
Provides guidance for training LLMs with reinforcement learning using verl (Volcano Engine RL). Use when implementing RLHF, GRPO, PPO, or other RL algorithms for LLM post-training at scale with flexible infrastructure backends.
davila7/claude-code-templates
openrlhf-training
High-performance RLHF framework with Ray+vLLM acceleration. Use for PPO, GRPO, RLOO, DPO training of large models (7B-70B+). Built on Ray, vLLM, ZeRO-3. 2× faster than DeepSpeedChat with distributed architecture and GPU resource sharing.
Didn't find tool you were looking for?