One SVG in, every favicon format out
Every new site needs a favicon set, app icons, and share images. Hand one source file to your Claw and get the package back, along with the HTML snippet ready to paste into your project.
Create a skill called "Favicon Factory". When I give you a source logo or icon file (SVG, PNG, or another common image format), generate a complete favicon and app-icon package: favicon.ico (multi-size: 16, 32, 48), apple-touch-icon (180x180), Android Chrome icons (192x192, 512x512), a maskable PWA icon with proper safe-zone padding, Open Graph image (1200x630), Twitter Card image (1200x600), Safari pinned tab SVG (monochrome), and optional legacy Microsoft tile assets when needed. Also generate the site.webmanifest file and a complete HTML snippet for the head tag that references all icons correctly. Let me specify a background color for padded variants. Put all files in an organized directory structure ready to copy into a project.
Give your Claw a single high-resolution logo or icon file (SVG preferred,
PNG also works), and it generates the favicon and app-icon variants you
actually need for a modern site. It can also include optional legacy files
for broader platform support.
Extract colors, fonts, and logos from an existing site when no brand guide exists
The previous designer vanished. There's no brand guide. The only logo is a 15-year-old business card. This recipe crawls the client's existing web presence and social profiles to extract every findable brand asset — colors, fonts, logos, patterns — and compiles a basic brand guide.
Modern designs in, battle-tested table-layout HTML email out
HTML email development is universally the most hated task in web design. Outlook uses Word's rendering engine. Gmail strips your style tags. This recipe converts your design into bulletproof table-based email HTML that works everywhere — including dark mode.
Keep your content off the AI slop list
Have your Claw periodically check the AI Slop Wiki and build a living filter of patterns to avoid. Every piece of content your Claw creates runs through this filter first, so you never publish anything that reads like generic AI-generated filler.
Generate button labels, error messages, tooltips, and empty states
Nobody budgets for UX writing but it makes or breaks usability. This recipe generates complete microcopy sets for your UI components — error messages that actually help, empty states that guide action, button labels that are clear, and tooltips that explain without patronizing.