Web Asset Generator

Generates favicons, PWA app icons, and Open Graph social images from a logo or text

Tested · Works

Test report

Verdict
Tested · Works
Score
9.2/10
Tested
Jul 21, 2026
Environment
Claude Code 2.x (agent harness)
Upstream re-checked
Aug 10, 2026 · 923f281

Cloned the repo and ran generate_og_images.py with --text "Ship Faster with SkillProof" --validate under Pillow 12.2.0. It produced three correctly-sized PNGs (og-image 1200x630, twitter-image 1200x675, og-square 1200x1200), emitted a correct OG+Twitter meta-tag block, and ran 12 validation checks (file size, per-platform dimensions, format) that passed. Verified text actually rendered (160 distinct colors: white text on #4F46E5). My baseline was a naive one-line PIL draw: a single 1200x630 file with the tiny default bitmap font, off-center, no Twitter/square variant, no meta tags, no validation — the skill artifact is concretely richer (3 files vs 1, 144px auto-sized centered TrueType font, meta tags, validation). Security grep across scripts found no network, exec, base64, or subprocess calls. Did not test emoji source (requires optional pilmoji, not installed) or logo-based favicon generation.

Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works

  • Installs cleanly 5/5
  • Triggers reliably 5/5
  • Output vs. baseline 8/10
  • Docs & honesty 5/5

What Web Asset Generator does

Generates web assets — favicons, PWA app icons, and Open Graph/Twitter social sharing images — from a logo image, an emoji, or a text slogan using two Python/Pillow scripts, and emits the matching HTML meta tags. Triggers when a user needs favicons, app icons, or social sharing/Open Graph images. Includes an optional --validate mode that checks per-platform dimensions, file size, and WCAG contrast.

How to install Web Asset Generator

git clone --depth 1 https://github.com/alonw0/web-asset-generator.git /tmp/web-asset-generator-src
mkdir -p ~/.claude/skills
cp -R /tmp/web-asset-generator-src/skills/web-asset-generator ~/.claude/skills/web-asset-generator
# Deps: Python 3.6+ and Pillow -> pip install Pillow --break-system-packages
# Optional emoji-source features also need: pip install pilmoji emoji --break-system-packages
# Run: python ~/.claude/skills/web-asset-generator/scripts/generate_og_images.py <out_dir> --text "..." [--validate]
#      python ~/.claude/skills/web-asset-generator/scripts/generate_favicons.py <logo.png> <out_dir> all

Skills live in ~/.claude/skills/ (global) or .claude/skills/ (per-project). Restart Claude Code after installing.

Commands — how to trigger Web Asset Generator

  • /web-asset-generator Generates favicons, PWA app icons, and Open Graph social images from a logo or text

It also activates on plain-language prompts like these:

  • Generate a favicon and app icons from our logo
  • Create Open Graph images for social sharing
  • Make a full icon set from this text slogan

Frequently asked questions

Is the Web Asset Generator skill free?
Yes. The skill itself is free from alonw0/web-asset-generator. SkillProof publishes the install command and an independent test verdict at no cost.
Does Web Asset Generator work with Claude Code?
We tested it with Claude Code 2.x (agent harness) on Jul 21, 2026. Verdict: Tested · Works. Cloned the repo and ran generate_og_images.py with --text "Ship Faster with SkillProof" --validate under Pillow 12.2.0. It produced three correctly-sized PNGs (og-image 1200x630, twitter-image 1200x675, og-square 1200x1200), emitted a correct OG+Twitter meta-tag block, and ran 12 validation checks (file size, per-platform dimensions, format) that passed. Verified text actually rendered (160 distinct colors: white text on #4F46E5). My baseline was a naive one-line PIL draw: a single 1200x630 file with the tiny default bitmap font, off-center, no Twitter/square variant, no meta tags, no validation — the skill artifact is concretely richer (3 files vs 1, 144px auto-sized centered TrueType font, meta tags, validation). Security grep across scripts found no network, exec, base64, or subprocess calls. Did not test emoji source (requires optional pilmoji, not installed) or logo-based favicon generation.
What is the Web Asset Generator SkillProof Score?
9.2/10 — installs cleanly 5/5, triggers reliably 5/5, output vs. baseline 8/10, docs & honesty 5/5.
How do I install Web Asset Generator?
Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
Can I use Web Asset Generator with Cursor, Copilot, Gemini CLI, Codex or other AI tools?
The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.