Loading...
Loading...
Found 49 Skills
Next.js App Router best practices — file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling. Use when writing, reviewing, or debugging Next.js App Router code.
TinyPNG integration. Manage data, records, and automate workflows. Use when the user wants to interact with TinyPNG data.
Create optimized Docker containers with multi-stage builds, security best practices, and minimal image sizes. Use when containerizing applications, creating Dockerfiles, optimizing container images, or setting up Docker Compose services.
Converts an image to a different format (PNG, JPG, WebP). Use when you need to change image formats, optimize for web, or prepare images for specific applications.
Expert-level Docker containerization, image optimization, and container orchestration. Use this skill for building efficient Docker images, managing containers, and implementing Docker best practices.
Use when serving uploaded files to users. Covers API-proxied file serving, direct storage URLs (S3/R2/Cloudinary), CDN configuration, public file URLs, caching headers, image optimization with Cloudinary, and serving files in frontend applications.
ImageMagick command-line tool for reading, converting, resizing, rotating, and manipulating images. Use when processing images, converting formats, resizing images, rotating images, applying filters, or performing batch image operations. Supports 100+ image formats with powerful transformation capabilities.
将图片压缩为 WebP（默认）或 PNG 格式，自动选择压缩工具。当用户要求"压缩图片"、"优化图片"、"转换为webp"或减小图片文件大小时使用。
Docker 镜像管理
Batch optimize images for web delivery. Converts to WebP, generates multiple sizes, and creates blur placeholders.
Docker best practices including multi-stage builds, compose patterns, image optimization, and security
Optimize and convert images using the optimo CLI and API on top of ImageMagick. Use when the user mentions reducing image size, image compression, batch image optimization, converting formats (jpeg/png/webp/avif/heic/jxl), resizing by percentage/dimensions/max-size, or running optimo in scripts.