This skill generates the full set of web assets from a single source: favicons at every required size, PWA app icons for mobile home screens, and Open Graph images for Facebook, Twitter, LinkedIn, and WhatsApp. It detects the user's framework and offers to insert the correct meta tags. The skill helps web developers, frontend engineers, startup founders, and marketing teams skip manual image editing and validation.
Follow the documented setup, then try a first task.
Installs: Complete web-asset-generator plugin · Claude Code
Enter this command in a Claude Code agent session to add the author's plugin marketplace.
/plugins marketplace add alonw0/web-asset-generator
Then enter this command in the Claude Code agent session to install the web-asset-generator plugin from that marketplace.
/plugin install web-asset-generator@web-asset-generator-marketplace
In a terminal, install the required Pillow dependency using the documented pip command.
pip install Pillow
Installs: Selected web-asset-generator skill folder · Claude Code
Platform: macOS/Linux
In a terminal, clone the repository into your chosen current directory and enter the cloned repository root.
git clone https://github.com/alonw0/web-asset-generator.git cd web-asset-generator
From the cloned repository root, copy the web-asset-generator skill folder into Claude's skills directory.
cp -r skills/web-asset-generator ~/.claude/skills/
In a terminal, install the required Pillow dependency using the documented pip command.
pip install Pillow
Uses web-asset-generator
Use the web-asset-generator skill to generate app icons from the logo at [path/to/logo.png]. Replace [path/to/logo.png] with the path to my source logo image.
Claude