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.
| 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 | woff2compress, sfnt2woff | TTF/OTF to WOFF2 (primary) + WOFF (fallback) | | Font subsetting | Glyphhanger | Remove unused glyphs, auto-detect from crawled pages |
Organize design assets, optimize images and fonts, maintain brand asset libraries, implement version control for assets, and enforce naming conventions. Use when optimizing images for web, converting fonts to WOFF2, organizing asset directories, setting up responsive image pipelines, or managing logo variants. Source: oakoss/agent-skills.