Agent skill · design visual · daffy0208
Asset Manager
Organize design assets, optimize images and fonts, maintain brand asset libraries, implement version control for assets, and enforce naming conventions. Keep design assets organized and production-ready.
Why this skill is useful
Adds executable scripts for asset organization and image optimization that streamline design asset management.
What it needs
Requires imagemin, imagemin-mozjpeg, imagemin-pngquant, imagemin-svgo, sharp installed locally. About 7k tokens when loaded. Last updated 2025-12-25. 33 stars on the source repository.
What this skill does
Asset Manager Keep design assets organized, optimized, and accessible. Core Principle Organized assets = faster development. Assets should be: Easy to find Properly named Optimized for production Version controlled Consistently formatted --- Phase 1: Asset Organization Directory Structure Naming Conventions Images: Icons: Fonts: Automated Organization Script --- Phase 2: Image Optimization Install Optimization Tools Optimize Images Script Responsive Images Generator --- Phase 3: Font Management Font Optimization Font Loading Strategy Preload in HTML: --- Phase 4: Asset Version Control Git LFS Setup Asset Versioning System --- Phase 5: Brand Asset Library Brand Kit Structure Brand Asset Manifest --- Best Practices 1. Optimize for Web Images: Use WebP/AVIF with JPEG fallback Icons: Use SVG sprites for multiple icons Fonts: Use WOFF2 with WOFF fallback Videos: Compress and provide multiple formats 2. Lazy Loading 3. Asset CDN 4. Automated Asset Pipeline --- Tools & Resources Optimization Tools: Sharp - Image processing ImageOptim - Image compression SVGO - SVG optimization Squoosh - Online image compression Font Tools: Glyphhanger - Font subsetting Transfonter - Font conversion FontForge - Font editor Related Skills: visual-designer - Design principles figma-developer - Export from Figma brand-designer - Brand asset creation --- Organized assets, optimized performance. 📦
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills daffy0208/asset-manager