Web Asset Generator
Generate favicons, social card images, OG previews, app icons and other web assets from a single source. Use when the user is launching a site or app and needs the standard image set.
This skill ships only metadata — no inline instructions. See the source repo for details.
SKILL.md source
--- name: web-asset-generator description: Generate favicons, social card images, OG previews, app icons and other web assets from a single source. Use when the user is launching a site or app and needs the standard image set. ---
Want the full curated bundle?
Get every Claude Skill we've vetted — packaged, ready to drop into your project, plus install scripts and updates.
Related skills 6
Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, artifacts, posters, or applications. Generates creative, polished UI code that avoids generic AI aesthetics.
Web Artifacts Builder
Build self-contained interactive web artifacts (single-file HTML+CSS+JS apps) like calculators, visualisers, mini-tools and demos. Use when the user wants a runnable web artifact rather than a full project.
shadcn/ui
Use shadcn/ui components correctly in Next.js / React projects: install the right primitives, follow the radix patterns, theme via CSS variables. Use when the user is building a polished React app.
Algorithmic Art
Generate algorithmic and generative art with HTML5 Canvas, SVG, p5.js patterns and shaders. Use when the user wants creative coding, generative visuals, or mathematical art.
Brand Guidelines
Apply and enforce brand guidelines across designs and content: voice, tone, color, type, logo placement, and asset rules. Use when the user references a brand, style guide, or visual identity.
Canvas Design
Design visual canvases including posters, social cards, illustrations, and graphics using HTML/CSS/SVG. Use when the user asks for visual design output other than code-driven web UIs.