skills.rest
KILWA73
KILWA73COMMUNITY
Explore all skills by this author →
GitHub

asset-optimizer

Convert images to WebP/AVIF and minify CSS/JS for web assets.

Updated Apr 12, 2026
Search Tags:#web-performance#asset-optimization#minification#image-conversion#webp-avif#svg-cleanup
One-click install
npx skills add https://github.com/KILWA73/MiniSoc --skill asset-optimizer-kilwa73
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: asset-optimizer
Source: https://github.com/KILWA73/MiniSoc/tree/main/.agents/skills/asset-optimizer
Command: npx skills add https://github.com/KILWA73/MiniSoc --skill asset-optimizer-kilwa73

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Asset optimization reduces page weight by converting images to modern formats and minifying CSS/JS, improving load times and performance.

Core Features & Use Cases

  • Format Conversion: Convert PNG/JPG to WebP or AVIF using libraries like sharp (Node.js) or Pillow (Python).
  • Lossless/Lossy Compression: Apply appropriate compression to maintain visual quality while reducing file size.
  • Minification & SVG Cleanup: Minify CSS/JS and strip unnecessary metadata from SVG icons with svgo.
  • Output & Integration: Return optimized assets or terminal commands to perform batch transformations.

Quick Start

Run a batch optimization on the current project to convert images to WebP/AVIF and minify CSS and JavaScript.

Frequently Asked Questions about asset-optimizer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert images to WebP or AVIF for web development?▼

Converting images to WebP or AVIF involves using sharp or Pillow to apply lossless or lossy compression, reducing page weight while maintaining visual quality for static sites.

What is the best way to minify CSS and JavaScript for static sites?▼

Minifying CSS and JavaScript is best handled by stripping unnecessary characters from the code to reduce file size, which the asset optimizer processes to improve page load times and web performance.

Can I clean up SVG icons and remove unnecessary metadata?▼

Yes, you can clean up SVG icons by using svgo to strip unnecessary metadata, ensuring vector graphics are optimized for web performance and reduced asset size in your development pipeline.

Does batch image optimization support both lossless and lossy compression?▼

Batch image optimization supports both lossless and lossy compression, allowing you to specify format conversion strategies that maintain visual quality while significantly reducing file sizes across collections of images.

How do I integrate asset optimization into an existing web development pipeline?▼

Integrating asset optimization into a web development pipeline returns optimized assets or terminal commands, enabling batch transformations of images, styles, and scripts directly within your static site build process.

Related Skills

Explore More Software Engineering Skills→
haboshihaboshi

svg-to-webp

Convert SVG images to WebP or PNG using the sharp library.

Community
Intermediate
decocmsdecocms
13

images

Optimize storefront images with responsive srcset and AVIF/WebP format negotiation.

Official
Intermediate
lbliiilbliii
41

bengal-content-migration

Migrates static site and Markdown content to Bengal format.

Community
Intermediate
tentacle-protentacle-pro
4

tentacle-post2wechat

Compress local images, upload them, and submit HTML articles as WeChat drafts.

Community
Intermediate