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.
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"或减小图片文件大小时使用。
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.
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
Guide for using Netlify Image CDN for image optimization and transformation. Use when serving optimized images, creating responsive image markup, setting up user-uploaded image pipelines, or configuring image transformations. Covers the /.netlify/images endpoint, query parameters, remote image allowlisting, clean URL rewrites, and composing uploads with Functions + Blobs.