From building-agents
Professional logo/brand asset pipelines — vectorize a PNG logo into a multi-color SVG, finalize an SVG (clamp fills to exact brand hexes, filter extraneous counters, square a viewBox), rasterize SVG back to pristine PNG at target size/padding, and generate a full favicon + apple-touch-icon + PWA icon pack from a single SVG source. Use when the user asks to vectorize a raster logo, clean up an SVG, re-render a logo at a specific size, produce favicons, build an icon pack, or audit brand color fidelity.
How this skill is triggered — by the user, by Claude, or both
Slash command
/building-agents:brand-assetsThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
Four mechanical jobs that sit between a designer's raster source and production-ready assets. Get these wrong and the brand is off by 5° for years.
Four mechanical jobs that sit between a designer's raster source and production-ready assets. Get these wrong and the brand is off by 5° for years.
| Job | Input | Output | Script |
|---|---|---|---|
| Vectorize | PNG of a logo using ≤3 solid brand colors | clean multi-color SVG | scripts/vectorize.sh |
| Finalize | Any SVG with approximate colors or extra paths | SVG with exact brand hexes + filtered counters + square viewBox | scripts/finalize-svg.py |
| Rasterize | SVG | PNG at specific size with tight-trim or centered-on-canvas padding | scripts/rasterize.sh |
| Icon pack | One SVG | favicon.svg + favicon-32x32.png + apple-touch-icon.png + manifest icons | scripts/icon-pack.sh |
Plus a verification helper:
| Color audit | PNG | histogram of opaque pixels per hex — proves the raster only uses brand colors | scripts/color-audit.sh |
Read the reference for the job:
rsvg-convert, vtracer, potrace, rembg, magick, install + quirksRun the script with the documented flags. Each script prints its usage with --help.
Verify visually and with color-audit.sh — does the output use exactly the brand hexes and nothing else?
Iterate if needed. Most jobs are one-shot; vectorize sometimes needs 2-3 iterations on the color mask thresholds.
color mode produces plausible output but muddies the palette (antialiased edges introduce 50+ intermediate hexes). Always split by color first.color-audit.sh before shipping. A 2-second check catches colors that shouldn't be there.npx claudepluginhub shaharsha/claude-skills --plugin utilitiesProvides CDSS development patterns for drug interaction checking, dose validation, clinical scoring (NEWS2, qSOFA), and alert classification integrated into EMR workflows.