asset-manager
Installation
SKILL.md
Asset Manager
Manages design assets across projects: directory organization, naming conventions, image/font optimization, brand libraries, and version control. Use when assets need to be organized, compressed, converted to modern formats, or tracked across releases. Not for runtime image transformations or CDN configuration beyond path prefixing.
Quick Reference
| Task | Tool / Approach | Key Points |
|---|---|---|
| Image optimization | Sharp | Resize, compress, convert to WebP/AVIF/JPEG/PNG |
| SVG optimization | SVGO (v4+) | removeViewBox and removeTitle off by default in v4 |
| Font conversion | woff2_compress, sfnt2woff |
TTF/OTF to WOFF2 (primary) + WOFF (fallback) |
| Font subsetting | Glyphhanger | Remove unused glyphs, auto-detect from crawled pages |
| Responsive images | Sharp breakpoints | Generate mobile (640), tablet (768), desktop (1920) variants |
| Asset versioning | SHA-256 hash tracking | asset-versions.json manifest with change detection |
| Large files in git | Git LFS | Track PSD, AI, Sketch, Figma, MP4, MOV files |
| Brand assets | Typed manifest | BrandAssets interface with logos, colors, typography |