Clean, optimize, and standardize SVGs straight out of Illustrator
SVGs exported from Illustrator arrive bloated with metadata, inline styles, editor comments, and unnecessary nested groups. This recipe processes a folder of SVGs and outputs clean, optimized files — with optional sprite sheet generation.
Create a skill called "SVG Scrubber". When I give you SVG files or a directory of SVGs, optimize each one: remove editor metadata (Illustrator, Sketch, Figma comments), remove unnecessary groups and layers, flatten transforms where possible, convert inline styles to attributes, optimize path data (reduce decimal precision, use shorter notation), normalize viewBox attributes, remove hidden elements, and clean up auto-generated IDs (replace "Layer_1", "SVGID_42" with meaningful or minimal IDs). Output clean, minified SVGs. Also offer: (1) an SVG sprite sheet combining all icons into one file with symbol references, (2) inline-ready output stripped of XML declarations and doctypes, and (3) a before/after file size report. Preserve animation attributes and accessibility titles/descs if present.
Drop a folder of SVGs (or a single file) on your Claw, and it strips
the bloat: removes editor metadata, unnecessary groups, inline styles
(converts to attributes or classes as you prefer), comments, and hidden
elements. Optimizes paths, normalizes viewBox, and outputs files that
are typically 30-60% smaller.
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.
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.
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.
Turn finished projects into polished portfolio pieces without the 10-hour writing slog
Your portfolio is 3 years outdated because writing case studies takes longer than the projects themselves. This recipe takes your project files, Figma history, and a few bullet points from you, and drafts a complete case study — challenge, process, solution, results.